问题 通过jQuery为每个li元素添加不同的ID


我是新来的,我想问一个关于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添加不同的ID <ul> (例如。 <li class="something" id="li1">...)。有没有办法如何通过jQuery实现这一目标?

非常感谢,Jakub


9277
2018-05-17 08:27


起源



答案:


从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。我想这是一个偏好的问题。


16
2018-05-17 08:30



哇,非常感谢快速回复!两种版本都像魅力一样。谢谢,Jakub - Machi


答案:


从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。我想这是一个偏好的问题。


16
2018-05-17 08:30



哇,非常感谢快速回复!两种版本都像魅力一样。谢谢,Jakub - Machi