javascript - 用jquery一次缩写几个属性的写法

Question

我有一些带有属性 class="item" 的输入标记，我想添加唯一的 id 属性和属性唯一名称。这是我使用的代码:

$( ".item" ).attr( "id", function( index ) {
return "item" + (index+1);
}).attr( "name", function( index ) {
return "item" + (index+1);
}).attr( "value", function( index ) {
return "item" + (index+1);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="groupitem">
<input type="text" class="item"/>
<input type="text" class="item"/>
<input type="text" class="item"/>
</form>

我对上面的代码没有问题，但我只是想问是否有其他方法可以比我上面编写的代码更好或更短地准备编写jquery？也许有人可以提供一个想法

Answer 1

您只需一次操作即可完成所有操作，也许可以使用 each 循环。在我看来，它甚至非常容易维护并且易于阅读。

$(".item").each(function(i) {
    $(this).attr({
        id    : "item" + (++i),
        name  : "item" + i,
        value : "item" + i,
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="groupitem">
  <input type="text" class="item"/>
  <input type="text" class="item"/>
  <input type="text" class="item"/>
</form>