开发者社区> 问答> 正文

怎样用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);
}

请问我应该怎么解决?

展开
收起
小旋风柴进 2016-06-01 09:20:33 2251 0
1 条回答
写回答
取消 提交回答
  • 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);
    2019-07-17 19:22:43
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载