ansaurus

Question

Using Jquery to find the content of a TD

Answer 1

+8 A:

You want to use :contains.

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

for the parent

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

tvanfosson 2009-12-04 03:09:08

@Sotkra: Do note `contains` looks for text (not html) and is case sensitive :)

o.k.w 2009-12-04 03:27:38

I'd suggest looking at the linked documentation. If you need to differentiate various table elements that might contain the same string or need case insensitivity you could use filter() and supply a function that does a regex match on the text() of each element.

tvanfosson 2009-12-04 03:41:17

Thanks for that tvan. Now, I was wondering how you'd do the opposite of the above, meaning, exclude (hide or hightlight, doesn't matter) rows which have a td with a value of X. As for the suggested filter(), I don't know how to do what you suggested. A suggestion by a friend, which works with case SENSITIVITY goes as follows: $('td').filter(function(){return $(this).html() == 'Dolares'}).parent('tr').addClass('highlight'); How would you transform it into case insensitive?

Sotkra 2009-12-04 05:21:38

return $(this).text().match( /^\s*dolares\s*$/i ) != null; would do nicely to match only *dolares* in a case insensitive way. Use the hide()/show() function on the parent example to hide/show the row containing the string.

tvanfosson 2009-12-04 11:42:22

What about the inverse though?"Thanks for that tvan. Now, I was wondering how you'd do the opposite of the above, meaning, exclude (hide or hightlight, doesn't matter) rows which have a td with a value of X."

Sotkra 2009-12-04 19:23:14

$('td:not:contains("Dolares")') or simply reverse the sense of the comparison in the function.

tvanfosson 2009-12-04 19:29:32

Yeah, silly me. I did that and it worked. It's nice to see you can also use :not:contains too. Thanks a lot TVAN.

Sotkra 2009-12-05 01:25:41

Answer 2

+2 A:

Looking at the jQuery selector reference, I don't think
$('td[innerHTML=Dolares]') and
$('td[html=Dolares]') is going to work.

I can only think of iterating through all the TDs and check the $(tdselector).html() content.

You can try contains("Dolares") as suggested by tvanfosson though. It works for your case as it's highly unlikely you will have "xxDolaresxx" in other TDs.

o.k.w 2009-12-04 03:12:00

Answer 3

A:

You're very close, just missing some ticks around the value in your selector. This should work:

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

And, for the parent selector:

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

ScottD 2009-12-04 03:29:57

None of these two examples worked. Did they work for you?

Sotkra 2009-12-04 05:22:24

ansaurus

tags:

views:

answers:

Using Jquery to find the content of a TD

related questions