Possible Duplicate:
How to use jQuery to add a new row to a table, and assgin an incrementing id to it
我有一些表格行如下:
<td><input id="RS_Staff_Title1" name="RS_Staff_Title1" style="width:100%;"></td>
<td><input id="RS_No_WD_Staff1" name="RS_No_WD_Staff1" style="width:100%;"></td>
<td><input id="RS_No_Weekdays1" name="RS_No_Weekdays1" style="width:100%;"></td>
<td><input id="RS_No_WE_Staff1" name="RS_No_WE_Staff1" style="width:100%;"></td>
<td><input id="RS_No_WE_Days1" name="RS_No_WE_Days1" style="width:100%;"></td>
<td><img class="remove_row" src="assets/images/delete-icon.png"></td>
然后我有一个按钮,它获取最后一个表行并将其克隆到下面的行,因此使用此 Jquery 添加新行”
$("#add_row").click(function() {
$('#staff tbody>tr:last').clone(true).insertAfter('#staff tbody>tr:last');
return false;
});
我需要将 RS_Staff_Title1 变为 RS_Staff_Title2、RS_Staff_Title3 等等 - 其他列也会发生同样的情况。
我怎样才能实现这个目标?
最佳答案
一种可能的解决方案:
$("#add_row").click(function() {
var row = $("#staff tbody > tr:last"),
newRow = row.clone(true);
newRow.find("input").each(function() {
var num = +(this.id.match(/\d+$/) || [0])[0] + 1;
this.id = this.id.replace(/\d+$/, "") + num;
this.name = this.id;
});
newRow.insertAfter(row);
return false;
});
关于jquery - 在 JQuery 中通过添加行/克隆来增加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12704383/