我在我的一个网络应用程序中使用了很棒的字体。我想获取具有 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) );
});
提前致谢。
最佳答案
我最近发现了一个有用的片段,但还没有尝试过:
var content = window.getComputedStyle(
document.querySelector('.element'), ':before'
).getPropertyValue('content');
或更多 jQuery-crossbrowser-flavoury:
var content = window.getComputedStyle(
$('.element').get(0), ':before'
).getPropertyValue('content');
它似乎工作...不知何故: Fiddle
关于jquery - 使用 jQuery 获取 Font Awesome 图标值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18047702/