fonctions de base: fonction each

Fonction qui boucle sur chaque élément trouvé, et éxécute a chaque passage une fonction définie.
La fonction éxécutée dispose d'un argument qui est un entier représentant la position de l'élement en cours de traitement.

Un "return false" a l'intérieur de la fonction définie stoppera l'éxécution de la boucle. En revanche "return true" forcera le passage a l'itération suivante, de la même manière que l'instruction "continue" dans une boucle normale.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • fn (fonction): fonction à éxécuter

Valeur de retour: objet jQuery

Exemple 1:

Ajoute un attribut src aux deux images.

 $("img").each(function(i){
   this.src = "test"   i   ".jpg";
 });

Code de test:

<img/><img/>

Résultat:

<img src="test0.jpg"/><img src="test1.jpg"/>
Exemple 2:

Cette syntaxe différente permet de pointer dans la boucle sur l'objet JQuery pointant sur l'élement au lieu de l'élement lui même. Cela permet d'utiliser les méthodes associées a l'objet jQuery.

$("img").each(function(){
  $(this).toggleClass("example");
});

2 Commentaires (afficher/poster)