Maison  >  Article  >  interface Web  >  Jquery peut-il obtenir l'élément parent ?

Jquery peut-il obtenir l'élément parent ?

青灯夜游
青灯夜游original
2020-11-20 15:07:1010154parcourir

jquery peut récupérer l'élément parent. Il existe de nombreuses façons d'obtenir l'élément parent dans jquery, telles que parent(), parents(), close(), etc., qui peuvent obtenir l'élément parent ou le nœud parent() qui renvoie l'élément parent direct de l'élément sélectionné ; , close() renvoie le premier élément ancêtre de l'élément sélectionné.

Jquery peut-il obtenir l'élément parent ?

Recommandations associées : "vidéo jq"

Il existe de nombreuses façons d'obtenir l'élément parent dans jquery, telles que comme parent(), parents(), close() peuvent vous aider à trouver des éléments ou des nœuds parents. Expliquons-les un par un :

Tout d'abord, donnez un exemple,

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

Notre objectif est. utiliser l'id Pour obtenir l'élément ul avec la classe parent1 pour la note a de item1, il existe plusieurs méthodes :

parent([expr])<.>

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

Vous pouvez filtrer à l'aide d'expressions facultatives.

Le code est le suivant

$(&#39;#item1&#39;).parent().parent(&#39;.parent1&#39;);

2 :parent

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

Le code est comme suit

$(&#39;li:parent&#39;);

3. parents([expr])

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

Le code est le suivant

$(&#39;#items&#39;).parents(&#39;.parent1&#39;);

4. plus proche([expr])

plus proche vérifiera d'abord si l'élément actuel correspond, et si s'il correspond, il renverra l'élément directement 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.

$(&#39;#items1&#39;).closest(&#39;.parent1&#39;);

Pour plus de connaissances liées à la programmation, veuillez visiter :

Cours d'apprentissage en programmation ! !

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn