相邻兄弟选择器：在 jquery 之后答案

【问题标题】：Adjacent sibling selector:after jquery相邻兄弟选择器：在 jquery 之后
【发布时间】：2016-05-13 05:58:53
【问题描述】：

在 jQuery 中选择以下类的正确方法是什么。我需要选择一个输入类和标签：之后，但它似乎不起作用。这些是需要选择的选择器。

input.cmn-toggle-round-flat + label:after {
  content: "C";
  line-height: 36px;
  text-align: center;
  top: 2px;
  left: 2px;
  bottom: 2px;
  width: 36px;
  color: #fff;
  border-radius: 36px;
  transition: margin 0.2s, background 0.2s;
}

这是我尝试的 jquery 选择器

var toggle = $("input.cmn-toggle-round-flat + label:after");
toggle.addClass("toggle-color3");

【问题讨论】：

标签： jquery css jquery-selectors css-selectors

【解决方案1】：

您不能选择伪元素。您也不能将类添加到伪元素。如果需要设置 label:after 的样式，请选择这样的标签：

var toggle = $("input.cmn-toggle-round-flat").next("label");

给它添加一个类：

toggle.addClass("toggle-color3");

然后在您的 CSS 中使用该类：

label.toggle-color3:after {
  content: "C";
}

【讨论】：