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

Question

我在我的一个网络应用程序中使用了很棒的字体。我想获取具有 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) );
});

提前致谢。

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