La forme d'utilisation de each dans jquery est "$(selector).each(function(index,element))". La méthode each() peut spécifier la fonction à exécuter sur les éléments correspondants et est souvent utilisée pour parcourir les éléments spécifiés. objets et tableaux.
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
Quelle est la forme d'utilisation de each dans jquery ?
La méthode each() spécifie la fonction à exécuter pour chaque élément correspondant.
Astuce : retourner false peut être utilisé pour arrêter la boucle plus tôt.
La syntaxe est la suivante :
$(selector).each(function(index,element))
Les paramètres sont exprimés comme suit :
function(index,element) est un paramètre obligatoire, indiquant la fonction à exécuter pour chaque élément correspondant.
index représente la position d'index du sélecteur, element représente l'élément actuel (le sélecteur "this" peut également être utilisé)
L'exemple est le suivant
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>Le résultat de sortie :
Après avoir cliqué sur le bouton , le résultat est le suivant :
Tutoriels vidéo associés recommandés : Tutoriel vidéo 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!
Que sont les plug-ins jquery ?
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
Introduction au code de saut js
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
