Home About blog
Search


jQuery.each()

Liste des paramètres acceptés :

each(fn)

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.

Paramètres:

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

Cette methode renvoie: objet jQuery

Prenons l'exemple suivant:

Ajoute un attribut src aux deux images.

$("img").each(function(){ this.src = "bravo"".gif"; });

Testons sur le script suivant:

<img src="ronfle.gif" /><img src="ronfle.gif"/>

On obtiendra :

<img src="test0.jpg"/><img src="test1.jpg"/>

Prenons l'exemple suivant:

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"); });

Démonstration:

ronfle ronfle ronfle ronfle ronfle ronfle

Envie de vous exprimer ?

Nom / Pseudo (*)
Email (*)
Site Web
Commentaire (*)
 

Ils ont osé le dire ...

 
Gravatar de Julien Breux  
jarodxx

# 14 - Le jeudi 12 février à 19h 38min 42s par Julien Breux

Très certainement la fonction la plus importante car c'est souvent elle qui permet de parser pas mal de données en retour de JSon :-p

 
Gravatar de laadidi  
jarodxx

# 149 - Le dimanche 27 septembre à 02h 10min 37s par laadidi

Très bonne démonstration , merci et bonne continuation

Ajoutez le moteur de recherche jquery a Firefox

2009-02-25 11:48:44

Nouvelles fonctions dans le manuel
Et paf ca tombe comme s'il en pleuvait , les nouvelles fonctions jquert  apport ...

2009-02-05 17:03:07

Insertion des commentaires
Et voila , comme promis les commentaires sont ouverts a tous (et a toutes ;) P ...

Bookmark This Page Envie de nous soutenir ?
jquery documentation francaise