font awesome：检索伪元素的CSS显示一个小矩形

Question

我正在尝试检索字体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 + ";";
}