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

Question

Я новичок здесь, и я хотел бы задать вопрос о 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?

Большое спасибо, Якуб

Answer 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. Я полагаю, это вопрос предпочтений.