Jquery 如何访问:在元素之前?
我有以下SASS代码Jquery 如何访问:在元素之前?,jquery,css,sass,pseudo-element,Jquery,Css,Sass,Pseudo Element,我有以下SASS代码 a.unfavorite{ width: 20px; background-position: -71px -28px; text-decoration: none !important; &:before { content: "un-favorite"; background: #000; color: #fff; } } 在JQuery中,我希望能够访问:before元素,以便对其进行修改 我尝试过这样做$('.
a.unfavorite{
width: 20px;
background-position: -71px -28px;
text-decoration: none !important;
&:before {
content: "un-favorite";
background: #000;
color: #fff;
}
}
在JQuery中,我希望能够访问:before
元素,以便对其进行修改
我尝试过这样做
$('.unfavorite:before')
,但没有结果。我做错了吗?CSS伪元素在技术上不是DOM的一部分,因此无法使用JavaScript访问
您可以做的是为第二个类(第一个类之后的任何地方)添加样式,并使用JavaScript/jQuery添加/删除该类
CSS:
jQuery:
$(this).toggleClass('unfavorite2');
从技术上讲,CSS伪元素不是DOM的一部分,因此无法使用JavaScript访问 您可以做的是为第二个类(第一个类之后的任何地方)添加样式,并使用JavaScript/jQuery添加/删除该类 CSS: jQuery:
$(this).toggleClass('unfavorite2');
参见:参见: