Agregue una ID diferente a cada elemento li por jQuery

Question

Soy nuevo aquí y me gustaría hacer una pregunta acerca de jQuery.

que tienen la lista desordenada como:

<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> 

y me gustaría añadir un ID diferente para cada li representada en este <ul> (por ejemplo <li class="something" id="li1">....). ¿Hay alguna manera de lograr esto a través de jQuery?

Muchas gracias, Jakub

Answer 1

A partir de jQuery 1.4, se puede hacer esto:

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

En versiones anteriores, lo que se necesita para escribir:

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

.. .que también funciona en 1.4. Es una cuestión de preferencia, supongo.