jQuery traversée chacun()

jQuery est un objet de collection.Après avoir trouvé la collection d'éléments spécifiée via la méthode $(), une série d'opérations peut être effectuée. Par exemple, nous opérons $("li").css('') Définissez des valeurs de style pour tous les li. Étant donné que jQuery est un objet de collection, la méthode CSS doit encapsuler une méthode de traversée à l'intérieur, appelée processus d'itération implicite. Pour définir la couleur de chaque li de la collection un par un, la méthode ici est each

.each() est un itérateur de boucle for, qui itérera chaque élément DOM de la collection d'objets jQuery. Chaque fois que la fonction de rappel est exécutée, le nombre actuel de boucles sera passé en paramètre (le comptage commence à partir de 0

Comprenez donc généralement 3 points clés :

chacun est un itérateur wrapper pour un for loop
chacun est traité via des rappels et aura deux paramètres réels fixes, index et élément
ceci dans chaque méthode de rappel pointe vers l'élément dom de l'itération actuelle

Regardez un cas simple

• php.cn


• Aaron

Commencez à itérer li et bouclez 2 fois

$("li").each(function(index, element) {
index index 0,1
l'élément est l'élément correspondant li node li ,li
Cela pointe vers li
})

De cette façon, vous pouvez effectuer certaines opérations logiques dans le corps de la boucle. Si vous devez quitter plus tôt, vous pouvez renvoyer false. dans la fonction de rappel. Abandonnez la boucle

Écrivons un morceau de code :

       
  
each方法
 
 
 
 
list item 1
 
list item 2
 
list item 3
 
 
 
 
 
list item 4
 
list item 5
 
list item 6
 
 
 
 
 点击：each方法遍历元素 点击：each方法回调判断