So finden Sie den n-ten Elternteil eines Elements mit jquery

Ich möchte das n-te übergeordnete Element eines bestimmten Elements finden und auf die Attribute des übergeordneten Elements zugreifen.

<div id='parent1'><br/>
  <div id='parent2'><br/>
       <span><p id='element1'>Test</p></span><br/>
  </div><br/>
  <div id='parent3'><br/>
       <span><p id='element2'>Test</p></span><br/>
  </div><br/>
</div>

Ich möchte auf das 3. übergeordnete Element von element1 zugreifen, ohne es zu verwenden

$('#element1').parent().parent().parent()

Jede Hilfe wäre willkommen

Sie können verwenden .parents() und .eq():

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

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

Eltern() gibt eine Liste zurück, also funktioniert das:

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

verwenden:

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

Sie könnten ein kleines Plugin erstellen, um sich darum zu kümmern:

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

und dann verwenden Sie es als:

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