jQuery padre de uno de los padres

Question

Actualmente estoy tratando de encontrar el padre de un padre de un elemento. Tengo un enlace que se hace clic en <td>, y me gustaría obtener el objeto <tr>.

¿Por qué no "$ (this) .parent(). Parent()" work? ¿Qué será?

Gracias,
Brendan

Editar: Aparece un error de sintaxis en mi estaba tirando todo el asunto. "$ (this) .parent(). parent()" de hecho funciona, pero terminé yendo con $ (this) .closest ('tr') "porque parece ser la solución más eficiente.

Answer 1

la mejor manera probablemente sería utilizar closest:

$(this).closest('tr'); 

Check out the documentation:

obras

más cercanos, primero buscando en el elemento actual para ver si coincide con la expresión especificada, si es así, simplemente devuelve el elemento en sí. Si no coincide, continuará recorriendo el documento, padre por padre, hasta que se encuentre un elemento que coincida con la expresión especificada. Si no se encuentra ningún elemento coincidente, no se devolverá ninguno.

Answer 2

este fragmento ha realizado para mí en el pasado:.

$(this).parent().parent(); 

post algo de código para nosotros para ver si podría haber otro problema en alguna parte ...

Answer 3

se debe trabajar Usted puede también tratar $ (this) .parents (tag), donde tag es la etiqueta que desea buscar.

Por ejemplo:

$(this).parents("tr:first") 

Encontrará el tr más cercano "en la cadena".

Answer 4

Probé envolviendo $ (this) .parent() en un objeto jQuery como $ ($ (this) .parent()) A menudo encuentro la necesidad de hacer esto para asegurarme de tener un objeto jquery válido. A partir de ahí, podrá obtener el control de los padres o usar el prev() tal vez.

Answer 5

que debería funcionar ... usted puede tratar

$(this).parents(':eq(1)'); 

El .parents (selector) dice consigue todos los antepasados ​​que coinciden con el selector de

y el: eq (1) dice encontrar el oneth (cero indexados, por lo que el segundo elemento) en la lista

Answer 6

también tratar

$(this).closest('div.classname').hide(); 

Answer 7

var getParentNode = function(elem, level) { 
    level = level || 1; 
    for (var i = 0; i < level; i++) { 
     if (elem != null) { 
      elem = elem.parentNode; 
     } 
    } 
    return elem; 
} 

Answer 8

.closest() no es siempre la mejor opción, especialmente cuando se tiene mismo constructo elemento.

<div> 
    <div> 
     <div> 
     </div> 
    </div> 
</div> 

Usted puede hacer el padre de uno de los padres y es muy fácil:

var parent = $('.myDiv').parent(); 
var parentParent = $(parent).parent(); 
var parentParentParent = $(parentParent).parent(); 

etc.

Answer 9

Si tiene cualquier tipo de ID/clase para los padres, puede utilizar los padres (), sino que le dará todos los padres hasta que el cuerpo <> a menos que filtre() o detenerlo de alguna otra manera como

$(this).parents('.myClass'); 

Espero que esto ayude a alguien :)