Question

我还在学习编写Javascript的工作。

我有一些具有相同名称的输入，并希望以数据属性的形式为每个输入分配一个连续的数字。

<label><input type="radio" data-number="" name="criteria1">Option 1</label>
<label><input type="radio" data-number=""  name="criteria1">Option 2</label>
<label><input type="radio" data-number=""  name="criteria1">Option 3</label>

由于这里有三个，第一个是“1”，第二个是“2”，等等......

我将如何做到这一点？

提前致谢。

Answer 1

您可以先获取项目列表，然后循环浏览列表并将值分配给每个

var items = document.getElementsByName('criteria1');

for(var x = 0; x < items.length; x++) {
  items[x].setAttribute('data-number', x + 1);
}

Answer 2

这可以通过each方法使用jQuery来完成：

$('input').each(function(index){
    $(this).attr('data-number', index + 1);
});

如何在Javascript / jQuery中为节点分配连续值？

2 个答案: