How do I get the n-th level parent of an element in jQuery?

javascript jquery parent
Artur Keyan picture Artur Keyan · Aug 17, 2011 · Viewed 111.3k times · Source

When I want to get, for example, the 3rd level parent of the element I must write $('#element').parent().parent().parent() Is there a more optimal method for this?

Answer

Frédéric Hamidi picture Frédéric Hamidi · Aug 17, 2011

Since parents() returns the ancestor elements ordered from the closest to the outer ones, you can chain it into eq():

$('#element').parents().eq(0);  // "Father".
$('#element').parents().eq(2);  // "Great-grandfather".

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 delete parent element using jQuery

I have some list item tags in my jsp. Each list item has some elements inside, including a link ("a" tag) called delete. All that I want is to delete the entire list item when I click the link. Here …

Read More
Call parent Javascript function from inside an iframe

I have a iframe (in my domain), that iframe has a file iframe.js. My parent document has a file parent.js. I need to call a function that is in parent.js, from a function that is in iframe.…

Read More