显示具有特定内容的元素(jquery)

时间:2012-01-16 16:35:03

标签: javascript jquery

是否可以解决所有具有特定内容但没有给出唯一ID /类的li元素? 像:

<ul class="list">
    <li>test</li>
    <li>test2</li>
    <li>test</li>
</ul>

所有含有“测试”内容的li应该会变成红色。

感谢您的帮助!

4 个答案:

答案 0 :(得分:5)

您可以使用.filter()方法:

$('li').filter(function() {
    return $(this).text() === 'test';
}).css('color', 'red');

这是一个live demo

答案 1 :(得分:1)

这应该可以解决问题

$('li:contains("test")').css('color', 'red');

答案 2 :(得分:0)

Filter在这里应该可以很好地运作:

$('li')
    .filter(function() { return $(this).text() === "test" })
    .css('color', 'red');

http://jsfiddle.net/infernalbadger/KQPbA/

答案 3 :(得分:0)

$(function() {
    $('.list li').each(function() {
        if ($(this).html() == 'test') {
            $(this).css('color', 'red');
        }
    });
})