Le but de cet exemple est de parcourir une liste d'éléments span pour leur appliquer un traitement spécifique. Le traitement à appliquer est défini dans une fonction et consiste à numéroter chaque span. Le premier attribut de la fonction (appelé ici index) contient le numéro de l'élément courant dans la liste. A noter que la numérotation commence à zéro (comme souvent en informatique). L'utilisation du mot clé this permet de récupérer l'élément courant.

    $("span").each(function(index){
      $(this).html(index+1);
 });

L'utilisation de l'instruction return false permet de stopper la boucle avant la fin du traitement.
L'utilisation de l'instruction return true permet de passer directement au traitement de l'élément suivant.

    $("span").each(function(i){
      var index = i+1;
      $(this).html(index);
      if(index==2){return true;}
      $(this).css("background","#C1D4EA");
      if(index==4){return false;}
 });

Dans cet exemple, nous allons parcourir les éléments d'une liste pour leurs appliquer un style particulier en fonction de l'index. Si i%2 (i modulo 2, le reste de la division de i par 2) est égale à 0 (= false en informatique), c'est à dire si i est pair alors la couleur sera blanche sinon grise. (rappel  l'indexation commence à zéro)

    $("ul.alt-style li").each(function(i){
     var color = i%2? '#999' : '#FFF';
     $(this).css("background", color);
  });

liste avec style alterné

• item1
• item2
• item3
• item4
• item5