Найти и изменить класс

Question

Предположим, у нас есть такая таблица:

<table id="tbl">
  <tr><td>1</td><td>abc</td></tr>
  <tr><td>2</td><td>def</td></tr>
  <tr><td>3</td><td>abc</td></tr>
  <tr><td>4</td><td>def</td></tr>
</table>

Как изменить класс строки на класс ниже, если строка содержит abc?

.hightlight
{
 background-color:yellow;
 color:blue;
}

Я использовал эту команду jquery, но не работает:

$('#tbl tr td:contains("abc")').attr('class','hightlight');

Answer 1

Код в скрипте работает нормально @ http://jsfiddle.net/Jayendra/nLYuW/

Если вы хотите целую строку, вам нужно использовать parent

$('#tbl tr td:contains("abc")').parent().attr('class','hightlight');

Answer 2

Вы также можете использовать это:

$("#tbl tr").filter(':has(td:contains("abc"))').addClass("highlight");

Answer 3

Ваш код работает как есть.Вы можете попробовать изменить .attr() на addClass() в качестве альтернативного метода.

$('#tbl tr td:contains("abc")').addClass('hightlight');

Вот рабочая скрипка .

Если вы хотите добавитьКласс CSS для всей строки, затем используйте селектор .parent().

$('#tbl tr td:contains("abc")').parent().addClass('hightlight');