javascript - 根据文本内容从 jquery 对象中过滤元素

Question

我尝试将 contains 与“this”关键字一起使用，但出现错误。

JS

$(function(){
    var check=$('ul').find('li').filter(function(){
        return $(this:contains('two')).css('color','red')
    })
})

HTML

<ul>
    <li id="one">one</li>
    <li id="two">two</li>
    <li id="one">one</li>
    <li id="two">two</li>
    <li id="one">one</li>
    <li id="two">two</li>
    <li id="one">one</li>
    <li id="two">two</li>
    <li id="one">one</li>
    <li id="two">two</li>
</ul>

Answer 1

这是您要找的吗？

Fiddle

$(function () {
    $('ul').find('li').filter(function () {
        return this.innerHTML == 'two';
    }).css('color','red')
})

<小时/>

或者将其匹配到元素中的任何位置(而不是仅在其中包含“两个”):

Fiddle

$(function () {
    $('ul').find('li').filter(function () {
        return /two/.test(this.innerHTML);
    }).css('color','red')
})

<小时/>

此外，如果重要的话...链接方法 (.find().filter()) 似乎比使用 contains 更快:

Performance test created for this specifically
Another related test

你的 id 应该是唯一的 - 但我假设它只是示例代码的复制/粘贴，并且你的实际代码中实际上没有重复的 id。