字体很棒：检索伪元素的CSS会显示一个小矩形

Question

我正在尝试检索字体真棒伪元素的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 + ";";
}