Bootstrap获取glyphicon代码

时间:2016-04-20 12:07:00

标签: javascript twitter-bootstrap twitter-bootstrap-3 glyphicons

我的任务是从bootstrap glyphicon元素中获取代码(例如“\ e020”)。

我尝试了以下方法:

HTML:

<div id="glyph" class="glyphicon glyphicon-trash"></div>

JS:

$( document ).ready(function() {
    console.log(window.getComputedStyle($('#glyph')[0], ':before').content);
});

但在这里我只能实现角色本身,而不是原始代码。

有没有办法获取字符串“\ e020”?

1 个答案:

答案 0 :(得分:4)

您可以使用toString方法和16参数将char转换为HEX:

var content = window.getComputedStyle($('#glyph')[0], ':before').content
var result = '\\' + content.charCodeAt(1).toString(16);    
alert(result);

请参阅working example