Условный JQuery css работает только один раз

Question

У нас есть простая HTML-страница с несколькими тегами span и нужно изменить стиль CSS в тексте в зависимости от того, что они содержат. Это отлично работает для ПЕРВОГО появления на странице, но не для второго (предположительно, все более поздние вхождения).

$(function(){ 
    $("span#someId:contains('Text to change red')").css('color','red'); 
}); 

Пролеты выглядеть следующим образом:

<td><span id="someId">Text to change red</span></td> 

Если же интервал (с тем же идентификатором ..) повторяется на странице, только первое вхождение показывает красный - он должен превратить их всех красный. Что происходит?

Answer 1

Используйте классы не идентификатор (а идентификаторы должны быть уникальными - 1 на странице):

<td><span class="myspan">Text to change red</span></td> 

А потом:

$("span.myspan:contains('Text to change red')").css('color','red'); 

Или, если единственная важная часть текста в span вы можете упростить его до чего-то вроде:

$("td span:contains('Text to change red')").css('color','red'); //If td is even needed!