使用jQuery获取Font Awesome图标值？

Question

我在我的一个网络应用中使用字体很棒。我想用字体awesome类获取元素的值，然后用它做更多的操作。这可能吗？

例如，这是一个可选择的可点击网格：

'icon'使用以下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) );
});

提前致谢。

Answer 1

我最近发现了一个有用的片段，但还没有尝试过：

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

或更多jQuery-crossbrowser-flavoury：

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

似乎工作......不知何故： 的 Fiddle

Answer 2

以下是解决方案，万一有人需要它（感谢Nirazul！）

$(".pointer-img").click(function(){
   var content = window.getComputedStyle(
      $($(this)).get(0), ':before'
   ).getPropertyValue('content');
   console.log(content)
});