How to find nth parent of an element using jquery

Answer 1

You can use .parents() and .eq():

$('#element1').parents().eq(2);

http://jsfiddle.net/infernalbadger/4YmYt/

Answer 2

use:

$('#element1').closest('#parent1');

Answer 3

parents() returns a list, so this works:

$('#element1').parents()[2];

Answer 4

You could make a little plugin to take care of that:

$.fn.nthParent = function(n){
    var p = this;
    for(var i=0;i<n;i++)
        p = p.parent();
    return p;
}

and then use it as:

$('#element1').nthParent(3);