ajouter des classes numériques à des listes spécifiques avec jQuery

Question

Im essayant d'ajouter des classes dynamiques à deux listes avec le code suivant:

$("ul.list").children().each(function(i) { 
    $(this).addClass("item-" + (i+1)); 
}); 

Si la page contient plus d'une liste des valeurs numériques continue d'augmenter. Mais je voudrais réinitialiser le nombre pour chaque liste comme ceci:

<ul class="list"> 
    <li class="item-1></li> 
    <li class="item-2></li> 
    <li class="item-3></li> 
</ul> 

<ul class="list"> 
    <li class="item-1></li> 
    <li class="item-2></li> 
    <li class="item-3></li> 
</ul> 

Comment faire cela? Je vous remercie!

Answer 1

utilisation .each() deux fois, une fois pour les éléments ul parents et pour les enfants:

$("ul.list").each(function(){ 
    $(this).children().each(function(i) { 
     $(this).addClass("item-" + (i+1)); 
    }); 
}); 

Answer 2

Je ferais un chacun sur la classe et ensuite à l'intérieur de chaque processus les enfants.

Answer 3

chaque fonction de jQuery pour faire une boucle imbriquée: http://jsfiddle.net/alr3/ FxmC7/