Question

I need to get the ancestor or current element depending if it has a class.

Below is a jsfiddle of the a section of html. It is basically an a container div with inner elements. The container is repeated on the page. What I need to do is find out if the mouse element that the HTML dragenter event is fired on is contained within the container and if so set the class of the container.

http://jsfiddle.net/EKmKT/

How would I go about this?

Answer 1

Use closest method which gets the first element that matches the selector, beginning at the current element and progressing up through the DOM tree.

I think this will suit the best based on your requirement.

E.g: Consider this markup

<div class="class1">
   <div class="class2"></div>
</div>

JS

//will get the same element because the selector matches with .class1
$('.class1').closest('.class1');

//will get the parent element with class2
$('.class1').closest('.class2');