font awesome: retrieve css of pseudo element 显示一个小矩形

Question

我正在尝试检索 font awesome 伪元素的 CSS 值。这是 css:

.pe-icon--check:before {
    content: '\f00c';
}

我使用这个查询

var symb = window.getComputedStyle($('.pe-icon--check').get(0), ':before').getPropertyValue('content');

但我得到的结果是一个小矩形。我需要的值是 \f00c。有人可以帮我解决这个问题吗？

Answer 1

以下解决方案有效！！

var content = window.getComputedStyle(document.querySelector('.pe-icon--check'),':before').getPropertyValue('content');

function entityForSymbolInContainer(character) {
    var code = character.replace(/"/g, '').charCodeAt(0);
    var codeHex = code.toString(16).toUpperCase();
    while (codeHex.length < 4) {
        codeHex = "0" + codeHex;
    }
    return "\" + codeHex + ";";
}

font awesome: retrieve css of pseudo element 显示一个小矩形

font awesome: retrieve css of pseudo element displays a small rectangle

javascript

jquery

font-awesome