如何在Jquery中使用name + increment更改所有html输入字段的名称

Question

我的页面中有很多HTML input文本字段，具有相同的类。所有字段都是动态生成的，如下所示：

<input type="text" name="student_a" class="students" />
<input type="text" name="student_b" class="students" />
<input type="text" name="student_c" class="students" />
<input type="text" name="student_d" class="students" />
<input type="text" name="student_e" class="students" />

我想在Jquery的类帮助下更改所有输入字段的名称 想要的结果

<input type="text" name="student_1" class="students" />
<input type="text" name="student_2" class="students" />
<input type="text" name="student_3" class="students" />
<input type="text" name="student_4" class="students" />
<input type="text" name="student_5" class="students" />

Answer 1

您可以为attr()方法提供一个函数来实现此目的：

$('.students').attr('name', function(i) {
    return 'student_' + (i + 1);
});