Comment obtenir le parent et les éléments au-dessus du parent avec jQuery

jquery est largement utilisé dans le développement front-end. Vous pouvez utiliser jQuery pour obtenir des éléments enfants, des éléments parents, des éléments frères, etc. Cet article vous expliquera comment utiliser jQuery pour obtenir des éléments parents et des éléments situés au-dessus de l'élément parent. Si nécessaire, les amis peuvent y jeter un œil, j'espère que cela vous sera utile.

parent(), parents(), close()Ces méthodes peuvent toutes être utilisées pour trouver des éléments ou des nœuds parents

Tout d'abord, voici un exemple :

<ul class="parent1">
  <li><a href="#" id="item1">jquery获取父节点</a></li> 
  <li><a href="#">jquery获取父元素</a></li> 
</ul>

Notre objectif est d'obtenir l'élément ul avec la classe parent1 via la note a avec l'identifiant item1. Il existe plusieurs méthodes :

1.

Obtient un ensemble d'éléments contenant l'élément parent unique de tous les éléments correspondants.

Par exemple :

$('#item1').parent().parent('.parent1');

2. :parent

Correspond aux éléments contenant des éléments enfants ou du texte

$('li:parent');

3. parents([expr])

Obtenir un ensemble d'éléments contenant les éléments ancêtres de tous les éléments correspondants (à l'exclusion de l'élément racine). Peut être filtré par une expression facultative.

$('#items').parents('.parent1');

4. plus proche([expr])

plus proche vérifiera d'abord si l'élément actuel correspond, et s'il correspond, il renverra directement l'élément lui-même. S'il n'y a pas de correspondance, recherchez l'élément parent vers le haut, couche par couche, jusqu'à ce qu'un élément correspondant au sélecteur soit trouvé. Si rien n'est trouvé, un objet jQuery vide est renvoyé.

La principale différence entre le plus proche et les parents est la suivante : 1. Le premier commence la correspondance et la recherche à partir de l'élément actuel, tandis que le second commence la correspondance et la recherche à partir de l'élément parent. 2. Le premier recherche vers le haut étape par étape jusqu'à ce que ; il trouve un élément correspondant puis s'arrête, ce dernier recherche vers le haut jusqu'à l'élément racine, puis place ces éléments dans une collection temporaire, puis utilise l'expression de sélecteur donnée pour filtrer 3. Le premier renvoie 0 ou 1 élément, et le premier renvoie 0 ou 1 élément ; ce dernier peut contenir 0, 1 ou plusieurs éléments.

closest est utile pour gérer la délégation d'événements.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!