Finding a text string with jQuery in table

Question

I have this script:

$(document).ready(function(){
    var search = 'foo';
    $("table tr td").filter(function() {
        return $(this).text() == search;
    }).parent('tr').css('background-color','#f2dede');
});

What I want it to do is to color the background of the table whether the text is "foo" or "supfoo" or "foobar" or "foo foo". Anything with "foo" in it should be colored pink.

Not sure what to change! Please help...

I'd probably just use $(this).text().indexOf('foo') > -1 for this. — nurdyguy
– nurdyguy, Commented Jan 12, 2017 at 17:56

oompahlumpa · Accepted Answer · 2017-01-12 17:57:26Z

2

Could you use :contains()?

$( "tr:contains('foo')" ).css( "background-color", "red" );

answered Jan 12, 2017 at 17:57

oompahlumpa

5033 silver badges10 bronze badges

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

3 Comments

nurdyguy Over a year ago

You'd want to be careful that you aren't overly broad. This checks every tr. But yes, this general approach could work well.

oompahlumpa Over a year ago

@nurdguy, I was banking on him knowing what he was doing. The slightest inkling of jQuery knowledge tells you this selects every TR.

nurdyguy Over a year ago

I agree. I just wanted to give him a heads up before he pastes the code in somewhere and all heck breaks loose.

Collectives™ on Stack Overflow

Finding a text string with jQuery in table

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related