使用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。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;