Search jQuery

jQuery Forum

check if a DIV contains a specific text

in Getting Started • 11 years ago

Hi there!
I want to check if a DIV contains a specific text, if it does, i want to add a new class to the parent of this class.

I thinking of something like this:

if ($('.SomeClass:contains("SomeText")').length > 0)
{
$(this).parent().addClass("NewClass");
}

This is in a table so I need to add the new class specific to this TDs parent, not every TDs.

Thanks!

Replies(6)

jay.blanc..

Re: check if a DIV contains a specific text

11 years ago

You really do not need the length test but other than that it should work fine. Have you tested it?

charlietfl

Re: check if a DIV contains a specific text

11 years ago

"this" is undefined

mcguiver1..

Re: check if a DIV contains a specific text

11 years ago

first of all is that you should put that text into a P... but if it works ina P tag it should work on a DIV tag, Try this:

save the text on a var and then compare it:

var text = $('theDivID').text();
var comparingText = 'this is the other string I want to compare to'
if(text == comparingText){
$('theDivID').css('background','#FFFFF');
};

austinzhao

Re: Re: check if a DIV contains a specific text

11 years ago

No necessary to check if a DIV contains a specific text, because whether has and not , which will return a collectoin of jquery object. using each method to reference corresponding jquery object then can use $(this) as current jquery object.

Following code will let you get your expected effect.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

</body>
</html>

Austin Zhao

dsvick

Re: check if a DIV contains a specific text

11 years ago

Like Jay said though you dont need the length test, and like charlie said 'this' will be undefined since you're working with a set not a distinct element. mcguiver's code will only work if the div and the text are exactly the same, not that it contains it.

Here is a line (combining jay and charlies comments) that will work for you:

$('.SomeClass:contains("SomeText")').parent().addClass("NewClass");

This works because the selector returns all the matching elements, then you apply the parents method to find their parents, then add the class.

Hope that clears it up for you.

Dave

drwat21