ejemplos - parent().parent() jquery

Cómo encontrar el padre n-ésimo de un elemento usando jquery

Question

Quiero encontrar el enésimo elemento padre de un elemento dado y acceder a los atributos de padre.

<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>

Quiero acceder al tercer elemento padre de element1 sin usar

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

Cualquier ayuda sería apreciada

Answer 1

Podría hacer un pequeño complemento para encargarse de eso:

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

y luego usarlo como:

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

Answer 2

Puedes usar .parents() y .eq() :

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

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

Answer 3

utilizar:

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

Answer 4

parents() devuelve una lista, por lo que esto funciona:

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