javascript - 怎样用JS给class名相同的一组元素设置自增的属性值?
本文介绍了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屋!
查看全文