jquery - 使用 jQuery 获取 Font Awesome 图标值？

Question

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

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

'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-flavory：

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)
});