Avez vous déjà eu l'envie (ou le besoin) de lister des éléments en Jquery à l'intérieur d'un div ou d'une liste par exemple ? 

C'est en tout cas quelque chose qui se produit souvent lorsqu'on veut faire une animation sur un menu ou sur des boxes où l'on veut mettre un effet de fadeIn. 

Pour faire simple, je vais vous présenter ma manière de parser une liste de liens avec Jquery. 

Même si elle n'est pas optimale, elle fonctionne très bien.

Comment lister les éléments en Jquery ? 

En partant du code html suivant : 


<ul id="bloc1">
<li class="current">
<a class="lien1" href="http://bit.ly/fsIk0D">Template/Plugin Jquery...</a>
</li>
<li>
<a class="lien2" href="http://bit.ly/foI5cw">Quelques chiffres clés...</a>
</li>
<li>
<a class="lien3" href="http://bit.ly/g4Es58">Un Framework Jquery...</a>
</li>
<li><
<a class="lien4" href="http://bit.ly/gVcvhn">3 plugins Jquery...</a>
</li>
</ul>

Le Jquery pour lister ces éléments serait le suivant : 

$("#bloc1").children().each(function(){
// lorsqu'on passe à cet enfant, on le définit par la variable kid
var kid = $(this);

// Reste du code

});

Mise en situation par un exemple 

On pourrait imaginer rechercher l'élément "current" par exemple. Dans ce cas, on pourrait faire ce genre de code :

$("#bloc1").children().each(function(){
var kid = $(this);
if(kid.hasClass("current")){

// Reste du code

}
});

Cette méthode est simple et peut évoluer facilement. Je vous laisse en faire bon usage.