Finding appropriate parent with jQuery

jquery dom parent
Allain Lalonde picture Allain Lalonde · Dec 18, 2008 · Viewed 19.7k times · Source

Given a DOM element how do I find its nearest parent with a given css class?

$(".editButton").click(function() {
   (magic container selector goes here).addClass("editing");
});

I don't want to use lots or $(...).parent().parent() since I don't want to be bound to a particular dom structure.

Answer

Bill Zeller picture Bill Zeller · Dec 18, 2008

This should work

$(this).parents('.classYouWant:first').addClass("editing");

Related questions

How to find a parent with a known class in jQuery?

I have a <div> that has many other <div>s within it, each at a different nesting level. Rather than give every child <div> an identifier, I rather just give the root <div&…

Read More
How to find nth parent of an element using jquery

I want to find the nth parent element of an given element and access the attributes of parent. <div id='parent1'><br/> <div id='parent2'><br/> <span><…

Read More
Opposite to jQuery's .Closest (Top/Far-Most?)

I have a code with lots of submenus that share the same class name. Here's a structure: .menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .elem .elem .sub-menu Note that .sub-menu may be infinite levels deep. So how do I achieve …

Read More