用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 循环。它甚至非常易于维护且易于阅读 imo。

$(".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>