Maison >interface Web >js tutoriel >Quelle est la forme d'utilisation de chacun dans jquery

Quelle est la forme d'utilisation de chacun dans jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal: 2021-12-23 17:41:321803parcourir

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 :

Quelle est la forme dutilisation de chacun dans jquery

Après avoir cliqué sur le bouton , le résultat est le suivant :

Quelle est la forme dutilisation de chacun dans jquery

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!

Déclaration：

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

Article précédent：Parlons de la façon d'implémenter Stream (flux lisibles, inscriptibles, duplex et de conversion) dans Node.jsArticle suivant：Parlons de la façon d'implémenter Stream (flux lisibles, inscriptibles, duplex et de conversion) dans Node.js

Articles Liés

Voir plus