Question

I am trying to use jQuery to find <td>s with given content (text) inside. For example:

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

From left to right, the 7th COLUMN that reads ‘TIPO MONEDA’ displays either PESOS or DOLARES. I’d like to be able to do the following:

1. Select <td>s with the text ‘DOLARES’ or ‘PESOS’ and add a class to them.

2. Select <td>s with the text ‘DOLARES’ or ‘PESOS’ and add a class to their parent <tr>s.

For #1, I tried with this:

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

and also

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

Neither of which worked.

Answer 1

You want to use :contains.

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

for the parent

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