Элементы фильтра из объекта 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

И ваши идентификаторы должны быть уникальными - но я предполагаю, что это просто копировать/вставлять пример кода и что на самом деле у вас нет дубликата идентификатора в вашем фактическом коде.

Answer 2

Без filter так просто, как

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

WORKING DEMO

Answer 3

$(this).text() == 'two'; 

Получить текущий Ли текст & чек, если он имеет значение "два".