Question

我有一个包含类的列表，我需要增加id属性，例如：

$('li.myClass').attr('id', 'sliderWeb-'+ Number++);

有些人有任何想法吗？

Answer 1

jQuery＆＃39; s attr支持一项功能。

＆＃13;

$('li').attr('id', function (i) { return "sliderWeb-" + i } );
// $('li').attr('id', i => 'sliderWeb-' + i );

＆＃13;

li::after { 
    content: attr(id);
    color: #999;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>A-</li>
  <li>B-</li>
  <li>C-</li>
  <li>D-</li>
</ul>

＆＃13;

Answer 2

$('li.myClass').each((i, node)=>node.id = "sliderWeb-" + i);

Answer 3

使用each功能可以帮助您。

$.each($('li.myClass'), function(idx, obj) {
  $(obj).attr('id', 'sliderWeb-'+ idx).html('id = sliderWeb-' + idx);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<ul>
<li class='myClass'>
</li>
<li class='myClass'>
</li>
<li class='myClass'>
</li>
</ul>

Answer 4

应该更像是：

$('li.myClass').each(increment, element){
  $(element).attr('id', 'sliderWeb-'+increment);
});

Answer 5

var listItems = $（'li.myClass'）;

for（var i = 0; i＆lt; listItem.length; i ++）{

listItems[i].setAttribute('id', 'sliderWeb-' + i);

}

如何添加索引的ID属性

5 个答案: