Ajouter un ID différent à chaque élément li par jQuery

Question

Je suis nouveau ici et je voudrais poser une question à propos de jQuery.

J'ai la liste non ordonnée comme:

<ul id="pages"> 
    <li class="something"><a href="#"></a></li> 
    <li class="something"><a href="#"></a></li> 
    <li class="something"><a href="#"></a></li> 
</ul> 

Et je voudrais ajouter un ID différent à chaque li affiché dans cette <ul> (par exemple <li class="something" id="li1">....). Existe-t-il un moyen d'y parvenir via jQuery?

Merci beaucoup, Jakub

Answer 1

À partir de jQuery 1.4, vous pouvez le faire:

$('#pages li').attr('id', function(i) { 
    return 'page'+(i+1); 
}); 

Dans les versions précédentes, vous aurez besoin d'écrire:

$('#pages li').each(function(i) { 
    $(this).attr('id', 'page'+(i+1)); 
}); 

.. qui fonctionne aussi en 1.4. C'est une question de préférence, je suppose.