Maison >interface Web >js tutoriel >Comment parcourir un tableau en jquery ? Deux façons couramment utilisées pour parcourir des tableaux dans jquery
Dans jquery, nous utilisons couramment les deux méthodes $().each et $.each() pour parcourir les tableaux. Les deux méthodes $().each et $.each() semblent être similaires en surface. Cependant, il existe en fait des différences entre ces deux méthodes. Les deux méthodes présentent leurs propres caractéristiques pour différentes opérations. Le prochain article vous présentera comment jquery utilise les deux méthodes $().each et $.each() pour implémenter la traversée de tableaux.
Ne disons pas grand chose, passons directement au texte~
1 La méthode jquery pour parcourir les tableaux $().each
Pour $. La méthode ().each est souvent utilisée dans le traitement DOM, comme dans l'exemple suivant :
$('.list li').each(function(i, ele) { console.log(i, ele); // console.log(this == ele); // true $(this).html(i); if ($(this).attr('data-item') == 'do') { $(this).html('data-item: do'); }; })
i : valeur de séquence ele : uniquement l'élément DOM actuellement parcouru
this La méthode jQuery ne peut pas être appelé sur l'élément DOM actuellement parcouru
$(this) == $(ele) L'objet jquery de l'élément actuellement parcouru peut appeler la méthode jquery pour effectuer des opérations dom
2. La méthode jquery de parcours d'un tableau, $.each
, n'a pas de valeur de retour. La fonction anonyme prise en charge a 2 paramètres : si le tableau est parcouru, i est l'index du courant. item, et n est L'élément actuel dans le tableau
est le suivant :
//数组:i为索引,n为值 $.each( [1,2,3,4], function(i, n){ console.log( i + ": " + n ); });
Ce qu'il faut noter ici est :
Utilisez return ou return true to sauter une boucle et continuer le cycle d'exécution.
Utilisez return false pour terminer l'exécution de la boucle, mais pas pour terminer l'exécution de la fonction.
Vous ne pouvez pas utiliser break et continuer à sauter des boucles.
$(this) dans $.each est différent de ceci, mais le résultat du parcours est le même.
Cet article se termine ici. Pour plus d'informations sur le parcours jquery, vous pouvez vous référer au manuel jquery pour plus d'informations.
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!