Question

我正在尝试使用Javascript / jQuery将CSS应用于其中包含特定HTML的HTML元素。我得到的基本上是：

<ol>
<li>*<a href=http://foo.com/1>A bunch of text</a>
<li><a href=http://foo.com/2>More text</a>
<li>*<a href=http://foo.com/3>Even more text</a>
<li><a href=http://foo.com/4>Just a little more text</a>
</ol>

我想要的是在两个.addClass()标记上运行<li>，后面跟一个星号。

我知道我可以使用$("ol li:contains(*)")，但链接文本中可能会有星号，所以我不相信它是100％准确的。理想情况下，我想找到一种方法，在.addClass()之后的所有<li>代码上运行*<a href=http://foo.com/，但只需在<li>上运行它就可以了*可能会这样做。

我查看了this question的答案，但即使我为innerText切换innerHTML也没有帮助，因为我不希望与整个HTML匹配<li>，只是开头。

Answer 1

$("ol li").filter(function(){
    return $(this).text().charAt(0) === '*';
}).addClass('awesome');

Javascript / jQuery将CSS应用于包含特定text / html的元素

1 个答案: