jQuery parent d'un parent

Question

J'essaie actuellement de trouver le parent d'un parent d'un élément. J'ai un lien cliqué qui est dans un <td>, et je voudrais obtenir l'objet <tr>.

Pourquoi "$ (this) .parent(). Parent()" ne fonctionne pas? Ce qui sera?

Merci,
Brendan

Edit: Il semble une erreur dans ma syntaxe a été rejetant toute la chose. "$ (this) .parent(). parent()" fonctionne en effet, mais je finis par aller avec $ (this) .closest ('tr') "parce que cela semble être la solution la plus efficace

Answer 1

la meilleure façon serait probablement utiliser closest:

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

Check out the documentation:

les plus proches des œuvres en examinant d'abord l'élément courant pour voir si elle correspond à l'expression spécifiée, le cas échéant, il retourne juste l'élément lui-même. S'il ne correspond pas, il continuera à parcourir le document, parent par parent, jusqu'à ce qu'un élément correspondant à l'expression spécifiée soit trouvé. Si aucun élément correspondant n'est trouvé, aucun ne sera renvoyé.

Answer 2

cet extrait a joué pour moi dans le passé.

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

Poster un code pour nous de voir s'il pourrait y avoir un autre problème quelque part ...

Answer 3

Il devrait fonctionner Vous pouvez également essayer $ (this) .parents (tag), où tag est le tag que vous recherchez

Par exemple:

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

Trouvera le tr le plus proche "en haut de la chaîne".

Answer 4

Essayez d'envelopper $ (this) .parent() dans un objet jQuery comme $ ($ (this) .parent()) Je trouve souvent le besoin de faire ceci pour m'assurer que j'ai un objet jquery valide. De là, vous devriez être en mesure d'obtenir le parent des parents, ou en utilisant le prev() peut-être.

Answer 5

Cela devrait fonctionner ... vous pouvez essayer

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

Le .parents (sélecteur) dit obtenir tous les ancêtres qui correspondent au sélecteur

et: l'équation (1) dit trouver le oneth (zéro indexé, de sorte que le second) élément dans la liste

Answer 6

également essayer

$(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() est pas toujours la meilleure option spécialement lorsque vous avez même construction d'élément.

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

Vous pouvez faire parent d'un parent et il est très facile:

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

etc.

Answer 9

Si vous avez une sorte de id/classe pour le parent, vous pouvez utiliser les parents () mais qui vous donnera tous les parents jusqu'au corps <> sauf si vous filtrez() ou arrêter une autre manière comme

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

Espérons que cela aide quelqu'un :)