Explication détaillée de la différence entre $.each et $(selector).each() dans JQuery_jquery

Une fonction de parcours générale qui peut être utilisée pour parcourir des objets et des tableaux. Les tableaux et les objets pseudo-tableaux contenant un attribut de longueur (les objets pseudo-tableaux tels que l'objet arguments d'une fonction) sont parcourus avec un index numérique, à partir de 0. à longueur-1, les autres objets sont parcourus à travers leurs propriétés.

$.each() est différent de $(selector).each(). Ce dernier est spécialement utilisé pour parcourir des objets jquery. Le premier peut être utilisé pour parcourir n'importe quelle collection (qu'il s'agisse d'un tableau ou d'un objet). S'il s'agit d'un tableau, la fonction de rappel transmettra l'index du tableau et la valeur correspondante (la valeur peut également être obtenue via le mot-clé this, mais JavaScript encapsulera toujours cette valeur en tant qu'objet - qu'il s'agisse d'une chaîne ou un nombre), et la méthode renverra l'objet parcouru. Un paramètre.

Exemple :————Passer dans un tableau

Copier le code Le code est le suivant :

<script><br> <br> $.each([52, 97], fonction(index, valeur) {<br> alerte(index ':' valeur);<br> });<br> <br> </script>



//Sortie

0:52
1:97

Exemple :————Si une carte est utilisée comme collection, la fonction de rappel transmet une paire clé-valeur à chaque fois

Copier le code Le code est le suivant :

<script><br> <br> var carte = {<br> 'inflammable' : 'inflammable',<br> 'duh' : 'non duh'<br> };<br> $.each(carte, fonction(clé, valeur) {<br> alert(clé ':' valeur);<br> });<br> <br> </script>



//Sortie

inflammable : inflammable
duh : non duh

Exemple :——Vous pouvez quitter $.each() lorsque vous renvoyez false dans la fonction de rappel. Si un non-false est renvoyé, ce sera comme si vous utilisiez continue dans une boucle for, et il entrera immédiatement. la prochaine traversée

Copier le code Le code est le suivant :

<script><br> var arr = [ "un", "deux", "trois", "quatre", "cinq" ];//array<br> var obj = { un:1, deux:2, trois:3, quatre:4, cinq:5 } // Objet<br>; jQuery.each(arr, function() { // cette valeur spécifiée<br> $("#" this).text("Le mien est" this "."); // cela pointe vers la valeur du tableau, comme un, deux<br>          return (this != « three »); // Si this = trois, quittez le parcours<br> });<br> jQuery.each(obj, function(i, val) { // i pointe vers la clé, val spécifie la valeur<br> ​​​ $(“#” i).append(document.createTextNode(” – ” val));<br> });<br> </script>


// Sortie

Le mien en est un – 1
Le mien est deux – 2
Le mien est trois – 3
-4
-5

Exemple :——Parcourez les éléments du tableau en passant l'index et la valeur

Copier le code Le code est le suivant :

<script><br> $.each( ['a','b','c'], fonction(i, l){<br> alert( « Index # » i « : » l );<br> });<br>  <br> </script>

例子 :———遍历对象的属性,传入 clé et valeur

复制代码 代码如下 :

<script><br>  <br> $.each( { nom : "John", langue : "JS" }, fonction (k, v){<br> alert( « Clé : » k « , Valeur : » v );<br> });<br>  <br> </script>

正自评论的例子

复制代码 代码如下 :

1. 如果不想输出第一项 (使用rerun true)进入 下一遍历
 






<script><br>  <br> var monArray=["skipThis", "dothis", "andThis"];<br> $.each(monArray, fonction(index, valeur) {<br> si (index == 0) {<br> renvoie vrai ; // équivalent à 'continuer' avec une boucle for normale<br> ><br> // sinon, fais des trucs…<br> alerte (index « : « valeur) ;<br> });<br>  <br> </script>