JQuery Родительский элемент Div, содержащий контент X

Question

Мне нужно добавить класс CSS в TR (или несколько TR) родительского элемента TD, содержащего определенный текст.

Из-за CMS я не могу управлять кодом, но могу добавить JQuery и CSS.

Я пробовал несколько вещей, но мне не повезло.

Вот пример того, что я имел в виду.

<style> 
    tr.highlight { background: Blue;} 
</style> 

<table> 
    <tr> 
    <td> 
     Pet 
    </td> 
    <td> 
    Number of Legs 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cat 
    </td> 
    <td> 
     4 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Doggie 
    </td> 
    <td> 
     4 
    </td> 
    </tr> 
</table> 

И по существу я хочу, чтобы jquery добавлял этот класс (выделение) к нарушающему TR.

** Я знаю, что это не идеальный подход, но отчаянные времена требуют отчаянных мер. **

Благодарим за помощь.

Answer 1

Вы ищете the :contains() selector.

Ниже будет добавить класс highlight к родительскому элементу (должно быть TR) каждый TD, содержащего строку "doggie":

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

Обратите внимание, что текст должен быть соответствующим случай должны быть выбраны, т.е. $('td:contains("doggie") и $('td:contains("DoGGiE")') не то же самое!