Comment parcourir les nœuds avec jquery-js tutoriel-php.cn

Comment parcourir les nœuds avec jquery

coldplay.xixi

Libérer： 2020-11-30 11:09:00

original

4031 Les gens l'ont consulté

La méthode de traversée des nœuds jquery : 1. Utilisez la méthode [children()] pour faire correspondre l'ensemble des éléments enfants de l'élément 2. Utilisez la méthode [next()] pour faire correspondre immédiatement les éléments frères ; derrière l'élément ; 3. Utilisez la méthode [prev ()] qui correspond aux éléments frères qui précèdent immédiatement l'élément.

Comment parcourir les nœuds avec jquery

L'environnement d'exploitation de ce tutoriel : système windows10, jquery2.2.4, cet article est applicable à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel vidéo jquery"

Méthode Jquery pour parcourir les nœuds :

1. ) méthode

Cette méthode est utilisée pour obtenir l'ensemble des éléments enfants de l'élément correspondant.

Utilisez la méthode children() pour obtenir le nombre de tous les éléments enfants de l'élément correspondant.

var $body=$("body").children();
var $p=$("p").children();
var $ul=$("ul").children();
alert("$body.length");                //<body>元素下有2个子元素
alert($p.length);                        //<p>元素下有0个子元素
alert("$ul.length");                    //<ul>元素下有3个子元素
for(var i=0;len=$ul.length;i<len;i++)<br>{
    alert($ul[i].innerHTML);    //循环输出<li>元素的HTML内容
}

Copier après la connexion

2. méthode next()

Cette méthode est utilisée pour obtenir les éléments frères immédiatement derrière l'élément correspondant.

var $p1=$("p").next;//Obtenir les éléments frères immédiatement après l'élément

Le résultat sera :

<ul> 
       <li title=&#39;苹果&#39;>苹果</li> 
       <li title=&#39;橘子&#39;>橘子</li> 
       <li title=&#39;菠萝&#39;>菠萝</li> 
</ul>

Copier après la connexion

méthode prev().

Cette méthode est utilisée pour obtenir l'élément frère immédiatement avant l'élément correspondant

D'après la structure de l'arborescence DOM, nous pouvons savoir que le nœud frère précédent du , donc l'élément

peut être obtenu via la méthode prev(). Le code est le suivant :

var $ul=$("ul").prev();//Obtenir le résultat de l'élément frère <. 🎜>

immédiatement avant l'élément

<p title="选择你最喜欢的水果.">你最喜欢的水果是？</p>

Méthode Siblings()

Comment parcourir les nœuds avec jquery

sont des éléments frères l'un de l'autre, et les trois éléments

sous l'élément