javascript - 怎样用JS给class名相同的一组元素设置自增的属性值？

问题描述

问 题

<span class="close" index-num="0"></span>
<span class="close" index-num="1"></span>
<span class="close" index-num="2"></span>
<span class="close" index-num="3"></span>

如上代码是我想要的结果，因为我不能确定span元素的数量，所以我想在js里面用for循环给它设置属性，但是循环完成后每个index-num属性的值都变成了length-1,代码如下。

var spans = $('.close');
for(var i=0; i<spans.length; i++){
    spans.attr('index-num', i);
}

请问我应该怎么解决？

解决方案

html

<span class="close"></span>
<span class="close"></span>
<span class="close"></span>
<span class="close"></span>

js

$('.close').each(function (i) {
  $(this).attr('index-num', i);
})

这篇关于javascript - 怎样用JS给class名相同的一组元素设置自增的属性值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！