Maison > interface Web > js tutoriel > le corps du texte

Comment parcourir une collection de listes dans jquery

王林
Libérer: 2020-11-30 11:49:55
original
3268 Les gens l'ont consulté

Comment jquery parcourt une collection de listes : vous pouvez utiliser la méthode each pour parcourir, telle que [$.each(obj, function(n, value)]. La méthode each spécifie la fonction à exécuter pour chaque élément correspondant.

Comment parcourir une collection de listes dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 10, jquery version 2.2.4 Cette méthode convient à toutes les marques d'ordinateurs

.

(Partage vidéo d'apprentissage : tutoriel vidéo jquery)

Introduction à la méthode :

la méthode each() spécifie la fonction à exécuter pour chaque élément correspondant. 🎜>Syntaxe :

$(selector).each(function(index,element))
Copier après la connexion

Paramètres :

function(index,element) Obligatoire Spécifie la fonction à exécuter pour chaque index d'élément correspondant - la position d'index de l'élément sélecteur. - l'élément actuel (vous pouvez également utiliser le sélecteur "this")

Le code d'implémentation est le suivant :

<script language="javascript" type="text/javascript " src="jquery.min.js "></script>
<script  type="text / javascript ">
$(function(){
var tbody = "";
//------------遍历List集合 .each的使用-------------
var obj =[{"name ":"项海军","password ":"123456 "},{"name ":"科比","password ":"333333 "}];
$("#result ").html("遍历List集合.each的使用");
alert(obj);//是个object元素
//下面使用each进行遍历
$.each(obj,function(n,value) {
alert(n+&#39; &#39;+value);
var trs = "";
trs += " < tr > <td > " +value.name+" < /td> <td>" + value.password +"</td > </tr>";
tbody += trs;
});
$("#project").append(tbody);
});
</script >
Copier après la connexion

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal