Использование jQuery для поиска содержимого <td>

Question

Я пытаюсь использовать jQuery для поиска <td> s с заданным содержимым (текстом) внутри. Например:

http://sotkra.com/btol/index.php

Слева направо, на седьмой КОЛОННЕ с надписью «ТИПО МОНЕДА» отображаются PESOS или DOLARES. Я хотел бы иметь возможность сделать следующее:

1. Выберите <td> s с текстом «DOLARES» или «PESOS» и добавьте к ним класс.

2. Выберите <td> s с текстом 'DOLARES' или 'PESOS' и добавьте класс к их родителю <tr> s.

Для # 1 я пробовал с этим:

$('td[innerHTML=Dolares]').addClass('highlight');

а также

$('td[html=Dolares]').addClass('highlight');

Ни один из которых не работал.

Answer 1

Вы хотите использовать :contains.

$('td:contains("Dolares")').addClass('highlight');

для родителя

$('td:contains("Dolares")').parent().addClass('highlight');

Answer 2

Глядя на ссылку селектора jQuery , я не думаю,
$('td[innerHTML=Dolares]') и
$('td[html=Dolares]') собирается работать.

Я могу думать только об итерациях по всем TD и проверять содержимое $(tdselector).html().

Вы можете попробовать contains("Dolares"), как подсказывает tvanfosson. Это работает для вашего случая, так как маловероятно, что у вас будет "xxDolaresxx" в других TD.

Answer 3

Вы очень близки, просто пропускаете несколько галочек вокруг значения в вашем селекторе. Это должно работать:

$("td[innerHTML='Dolares']").addClass('highlight');

А для родительского селектора:

$("td[innerHTML='Dolares'][innerHTML='Pesos']").parent().addClass('someClass');