【问题标题】:Unicode in data-content for pseudo element content伪元素内容的数据内容中的 Unicode
【发布时间】:2014-09-24 20:20:16
【问题描述】:

我想使用 JQuery 将 unicode 放在 data-content 属性中,以便将其用于伪元素内容,但我找不到正确的格式。你如何显示unicode?休闲只显示▼

a::after
{
    content: attr(data-content);
}
<a href="...">...</a>
$("a").attr ("data-content", "&#x25BC;");

【问题讨论】:

    标签: jquery css unicode pseudo-element


    【解决方案1】:

    以这种格式插入,使用 \u 在 Javascript 中,表示字符串文字中的 Unicode 数字

    $("a").attr ("data-content", "\u25BC");
    

    来自MDN Unicode escape docs

    您可以在字符串文字、正则表达式和标识符中使用 Unicode 转义序列。转义序列由六个 ASCII 字符组成:\u 和一个四位十六进制数。例如,\u00A9 代表版权符号。 JavaScript 中的每个 Unicode 转义序列都被解释为一个字符。

    $("a").attr ("data-content",  "\u25BC");
    a::after
    {
        content: attr(data-content);
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    
    
    <a href="...">...</a>

    【讨论】:

    • 或者只是粘贴 Unicode 字符本身:$("a").attr ("data-content", "▼");
    猜你喜欢
    • 2014-04-27
    • 1970-01-01
    • 2017-02-02
    • 1970-01-01
    • 2013-11-07
    • 2013-01-09
    • 2018-09-03
    • 2017-07-31
    • 2018-12-04
    相关资源
    最近更新 更多