javascript - 读取 jQuery 中的特殊字符

Question

我正在使用很棒的字体图标并将它们用作:

#header > nav > a[href="#menu"]::before {
    content: '\f0c9';
}

我想编写一些代码，在单击后将此图标更改为另一个图标:

var style = $('<style />').appendTo('head');
$("#three_rows").click(function() {
    style.text("#header>nav>a[href='#menu']:before{content:'\f00d'}");
});

如果我在 content 属性中使用一些简单的文本，此代码效果很好，但是当我尝试放置另一个 fa-icon 短代码时，它什么也没做。

据我了解，问题出在 "\" 字符中。

如何在 jQuery 中使用"\"？

Answer 1

您需要使用另一个 \ 来转义 \:

var style = $('<style />').appendTo('head');
$("#three_rows").click(function() {
    style.text("#header>nav>a[href='#menu']:before{content:'\\f00d'}");
});