之前是jquery伪元素，内容是从attr获取反斜杠（data-before）

Question

我有一个小问题。我想使用jQuery更改glyphicons（icon-font），如下所示：

var icoList = 'E251'

var icon = $('ul > li:has(ul)', $this);
icon.addClass('icon');

icon.attr('data-before', '&#x' + icoList);          // this doesn' work, -> &#xE251
icon.attr('data-before', '\' + icoList);            // this doesn' work, -> TypeError
icon.attr('data-before', '\\' + icoList);           // this doesn' work, -> \E251
icon.attr('data-before', '"\\' + icoList + '"');    // this doesn' work, -> "\E251"

我只得到一个字符串。

我的css是这样的：

ul li::before {
    font-family: "Glyphicons Halflings";
    content: attr(data-before);
}

在我的HTML中，我尝试了这个：

<nav id="Nav-Main" class="nav-main">
    <ul>
        <li data-before="&#xE251">              <!--  this works fine  -->
            <a href="#">Home</a>

            <ul class="flexy">
                <li>
                    <a href="#">Referenzen</a>
                </li>
                <li>
                    <a href="#">Downloads</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

如果我在我的html代码中使用数据，那么它可以正常工作。

我做错了什么？我如何使用代码获取此图标？