jquery hasClass matching element

Question

In jquery can I combine "closest" or Parents() with "hasClass", so it will give me a closest element with given class, if it exists on a page?

var matchingDiv = $(this).closest('div').hasClass('SomeClass')

if ( matchingDiv != null )
{
   //we found matching element now manipulate it

}

I will always have either one matching div element, or none. Thanks.

Answer 1

Are you asking if this will work or not?

Off the top of my head, I would say that it does, because the jQuery paradigm is based on chaining together jQuery functions.

Answer 2

doc for closest

var matchingDiv = &(this).closest('.SomeClass')

if ( matchingDiv != null )
{
   //we found matching element now manipulate it

}

Answer 3

try this, closest takes a selector:

var matchingDiv = $(this).closest('div.SomeClass')

if ( matchingDiv != null )
{
   //we found matching element now manipulate it

}

Answer 4

The difference between closest() and parents() is that parents() can give you more than one element if your selector matches more than one. (for what that's worth here)

Answer 5

var matchingDiv = $(this).closest('div.SomeClass')

if ( matchingDiv.length )
{
   // use length to find if there was a match.
   // closest() will always return an object.
}

If this doesn't work, perhaps post some html. Maybe there's a problem there?

Answer 6

Closest takes a selector so you can do this:

 var matchingDiv = $(this).closest('div.SomeClass')

Your next line is a problem, you should be checking a jQuery result like so:

if ( matchingDiv.length )
{
    //we found matching element now manipulate it
}