0

私は次のSASSコードを持っています

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

:beforeJQueryでは、要素にアクセスして変更できるようにしたいと思います。

私はこのようなことを試みまし$('.unfavorite:before')たが、結果が得られません。私はそれを間違っていますか？

4

1 に答える 1

5

CSS 疑似要素は技術的には DOM の一部ではないため、JavaScript を使用してアクセスすることはできません。

代わりにできることは、2 番目のクラス (最初のクラスの後の任意の場所) のスタイルを追加し、JavaScript/jQuery を使用してそのクラスを追加/削除することです。

CSS:

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

jQuery:

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

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

于 2013-01-09T16:41:56.353 に答える