javascript - 使用 JavaScript/jQuery 将 HTML 实体分配为属性值

Question

我一直在使用 css-tricks 上的这种技术来向网站添加图标:http://css-tricks.com/html-for-icon-font-usage/

我的 CSS 中有这个:

[data-icon]:before {
  font-family: Symbol;
  content: attr(data-icon);
  speak: none;
}

但是，我的部分界面是使用 jQuery 生成的。这是一个这样的控件:

var $control = $('<div>', {
    'aria-hidden':'true'
    , 'data-icon': '&#57372;'
});

我试过将它编码为 \e01c、\\e01c、，随便你怎么说，我可能已经试过了。结果始终相同，& 符号之后的所有内容都呈现到屏幕上，因为在源代码中 & 符号显示为 & 或出现反斜杠。

我尝试在 CSS 内容中连接:

content: "&" attr(data-icon) ";";

并且只在数据中包含数字，但 & 符号仍然显示为自己编码。

有什么方法可以对这个实体进行编码并正确输出到页面吗？

Answer 1

要在 JavaScript 中对代码点 57372 进行编码，请使用 '\ue01c'。

你应该知道它不会很好地呈现，因为 unicode 将它定义为私有(private)使用区域中未分配的代码点":

http://www.unicode.org/charts/PDF/UE000.pdf

Private Use Area

Range: E000-F8FF

The Private Use Area does not contain any character assignments, consequently no character code charts or names lists are provided for this area.

也许您指的是另一个代码点。