Que fait la méthode each() dans jQuery ?-js tutoriel-php.cn

Que fait la méthode each() dans jQuery ?

清浅

Libérer： 2018-12-13 09:11:21

original

6408 Les gens l'ont consulté

La fonction principale de la méthode each() dans jQuery est de parcourir différentes données. Nous pouvons l'utiliser pour parcourir plusieurs objets DOM à partir du même sélecteur

Quoi. nous allons vous présenter aujourd'hui l'utilisation de la fonction each() dans jQuery, qui nous permet de parcourir différentes données, telles que des tableaux ou des objets. La fonction each() dans jQuery est l'une des fonctions les plus couramment utilisées dans jQuery. L'article suivant présentera en détail l'utilisation de cette méthode.

[Cours recommandés : Tutoriel jQuery]

Que fait la méthode each() dans jQuery ?

La fonction each() dans jQuery est utilisée pour boucler les données, similaire à la boucle for each. Nous pouvons donc l'utiliser pour parcourir plusieurs objets DOM à partir du même sélecteur

la méthode each()

spécifie une fonction à exécuter pour chaque élément correspondant.

$(selector).each(function(index,element))

Copier après la connexion

function(index,element) : Spécifie la fonction à exécuter pour chaque élément correspondant.

index : La position d'index du sélecteur, obtenez la valeur de l'index

element : L'élément actuel (le sélecteur "this" peut également être utilisé)

À l'intérieur du chaque fonction, on peut accéder à l'élément courant en utilisant ce mot clé, mais cet objet n'est pas un objet jQuery

$("a").each(function(){
$(this);
})

Copier après la connexion

Récupérer l'index courant de la boucle

<body>
<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>
<script src="jquery/jquery-1.12.4.js"></script>
<script>
	$(function(){
		$("li").each(function(i){
			console.log(i);
		})
	})
</script>
	</body>

Copier après la connexion

Le résultat est le suivant Figure :

Que fait la méthode each() dans jQuery ?

Tableau en boucle :

Vous pouvez l'utiliser pour parcourir le tableau et obtient la valeur d'index et la valeur dans le tableau La valeur de l'emplacement.

<script src="jquery/jquery-1.12.4.js"></script>
<script>
var array=[&#39;Chinese&#39;,&#39;Math&#39;,&#39;English&#39;]
	
$.each(array,function(index,value){
console.log(index+":"+value);
})
</script>

Copier après la connexion

Le résultat est le suivant :

Que fait la méthode each() dans jQuery ?

Objet boucle :

Vous pouvez l'utiliser pour parcourir l'objet et obtient la valeur d'index et la valeur de position dans l'objet.

<script src="jquery/jquery-1.12.4.js"></script>
<script>
	var obj={
	name:"张三",
	age:"18",
	subject:"English"
};
$.each(obj,function(index,value){
console.log("信息："+index+":"+value);
		})

</script>

Copier après la connexion

Le résultat est le suivant :

Que fait la méthode each() dans jQuery ?

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère. peut aider Tout le monde a une certaine compréhension de la méthode each() dans jQuery.

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!