Добавьте другой идентификатор в каждый элемент li с помощью jQuery

Я новичок здесь, и я хотел бы задать вопрос о jQuery.

У меня есть неупорядоченный список, например:

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

И я хотел бы добавить другой идентификатор для каждого li, отображаемого в этом <ul> (например, <li class="something" id="li1">...). Есть ли способ достижения этого через jQuery?

Большое спасибо, Jakub

Ответ 1

Как и в jQuery 1.4, вы можете сделать это:

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

В более ранних версиях вам нужно было бы написать:

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

..., который работает и в 1.4. Думаю, это вопрос предпочтения.