jquery - 通过jQuery为每个li元素添加不同的ID

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>

我想为 <ul> 中显示的每个 li 添加不同的 ID (例如 <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 中也适用。我想这是一个偏好问题。