如何访问 :before 元素？

【问题标题】：How to access :before element?如何访问 :before 元素？
【发布时间】：2012-12-23 21:32:33
【问题描述】：

我有以下 SASS 代码

a.unfavorite{
  width: 20px;
  background-position: -71px -28px;
  text-decoration: none !important;
  &:before {
    content: "un-favorite";
    background: #000;
    color: #fff;
  }
 }

在 JQuery 中，我希望能够访问 :before 元素以便对其进行修改。

我尝试做这样的事情$('.unfavorite:before')，但没有产生任何结果。我做错了吗？

【问题讨论】：

见：stackoverflow.com/questions/622122/…

标签： jquery css sass pseudo-element

【解决方案1】：

CSS 伪元素在技术上不是 DOM 的一部分，因此无法使用 JavaScript 访问。

您可以做的是为第二个类添加样式（在第一个类之后的任何位置）并使用 JavaScript/jQuery 添加/删除该类。

CSS：

a.unfavorite2:before {
  content: "un-favorite2";
}

jQuery:

$(this).toggleClass('unfavorite2');

http://jsfiddle.net/mblase75/nvqKs/

【讨论】：