我在该表中有一个表,有一个用于添加新行的按钮。在该表中,我想在用户单击“添加行”按钮时动态添加新行。我但是它不起作用。 HTML 和 JQuery 代码位于 JSFiddle 中。请提出建议。
<table id="myTable" border="1">
<tr>
@*<td>SR</td>*@
<td>Name</td>
<td>Age</td>
<td>Delete?</td>
<td>Add</td>
</tr>
<tr>
@*<td>1</td>*@
<td><input size=25 type="text" id="nmbox" /></td>
<td><input size=25 type="text" id="agbox" /></td>
<td><input type="button" id="delRow" value="Delete" onclick="deleteRow(this)" /></td>
<td><input type="button" id="addRow" value="Add " onclick="insRow()" /></td>
</tr>
</table>
var new_row1 = $('#mytable tr:last').clone();
$('#mytable').append(new_row1);
最佳答案
1) id 选择器不匹配 $('#myTable tr:last').
caps T
2) 每个元素的 id 应该是唯一的。
function insRow(){
var new_row1 = $('#myTable tr:last').clone();
$('#myTable').append(new_row1);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="myTable" border="1">
<tr>
@*<td>SR</td>*@
<td>Name</td>
<td>Age</td>
<td>Delete?</td>
<td>Add</td>
</tr>
<tr>
@*<td>1</td>*@
<td><input size=25 type="text" /></td>
<td><input size=25 type="text" /></td>
<td><input type="button" value="Delete" onclick="deleteRow(this)" /></td>
<td><input type="button" value="Add " onclick="insRow()" /></td>
</tr>
</table>
关于javascript - 未使用 JQuery 克隆方法创建新表行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44132909/