Matching strings in jQuery

Question

I have this table

<table> <tr> <td>Name</td> <td>John Stevenson</td> </tr> <tr> <td>Name</td> <td>John Stevenson</td> </tr> <tr> <td>Name</td> <td>Jack Stevenson</td> </tr> </table>

How can I find if there is "Jack Stevenson" and if it true, set this td color to red.

My jQuery code not works:

$("table").find("td").each(function () { var hiImJohn = $("td:contains('John Stevenson')"); var td = $(this).text(); if ( td.indexOf("John Stevenson") > 0 ) { hiImJohn.css({color: "red"}); } });

Nikhil Aggarwal · Accepted Answer · 2016-09-13 11:15:05Z

3

Try following

$("table").find("td:contains('John Stevenson')").each(function () { $(this).css({color: "red"}); });

For reference - http://plnkr.co/edit/q45cGWpW8ql7FfoNaKDj?p=preview

EDIT

Please note, there is no need of each loop either. Updated code will be as follows

$("table").find("td:contains('John Stevenson')").css({color: "red"});

edited Sep 13, 2016 at 11:15

answered Sep 13, 2016 at 11:05

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Satpal Over a year ago

There is no need of each() you can just use $("table").find("td:contains('John Stevenson')").css({color: "red"})

Nikhil Aggarwal Over a year ago

@Satpal - Thanks. I missed to update that while copy pasting it. Glad you noticed. Will update

fdomn-m Over a year ago

If you're micro-optimising, then there's also no need for .find either ... :)

Nikhil Aggarwal Over a year ago

@freedomn-m - Correct. However, I will like to stick to what I have written above. Thanks :)

MKB · Accepted Answer · 2016-09-13 11:06:25Z

Try this

$("table").find("td").each(function () { if($(this).text() == "John Stevenson"){ $(this).css("background-color:red"); } });

Collectives™ on Stack Overflow

Matching strings in jQuery

2 Answers 2

4 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Related