4

Web アプリの 1 つで font awesome を使用しています。font awesome クラスで要素の値を取得し、さらにアクションを実行したいと考えています。これは可能ですか？

例として、クリック可能な選択肢のグリッドを次に示します。

ここに画像の説明を入力

「アイコン」は次の HTML で定義されます。

<span class="icon icon-caret-down pointer-img"></span>

そして、次の CSS:

.icon-caret-down:before     {content:"\f0d7";}

問題は、値が CSS を使用して設定されていることです。このタイプのシナリオでは、jquery セレクターはどのようなものになるでしょうか?

$(".pointer-img").click(function(){
   console.log( $(this) );
});

前もって感謝します。

4

2 に答える 2

2

最近便利なスニペットを見つけましたが、まだ試していません:

var content = window.getComputedStyle(
    document.querySelector('.element'), ':before'
).getPropertyValue('content');

またはより多くの jQuery-crossbrowser-flavory:

var content = window.getComputedStyle(
    $('.element').get(0), ':before'
).getPropertyValue('content');

それはうまくいくようです...どういうわけか： Fiddle

于 2013-08-04T21:29:14.037 に答える
0

誰かがそれを必要とする場合に備えて、これが解決策です（Nirazulに感謝します！）

$(".pointer-img").click(function(){
   var content = window.getComputedStyle(
      $($(this)).get(0), ':before'
   ).getPropertyValue('content');
   console.log(content)
});
于 2013-08-04T21:45:09.057 に答える