jquery - 如何克隆表中的行而不克隆其中输入元素的值？

Question

我正在尝试向表中添加一行。我发现我们可以使用clone()方法来复制现有行。我的表有两个不同的 <tr> 中的两个文本输入元素。克隆最后一行也会复制我的文本输入中的值，这是我不想要的？如何克隆行而不重复值？

这是我到目前为止所拥有的:

$("#table-1 tr:last").clone();

Answer 1

试试这个:

var clone = $("#table-1 tr:last").clone().find('input').val('').end();

• .clone() 最后<tr>
• .find() <input>克隆中的元素
• 设置 .val() <input>的元素到'' ,
• 调用 .end() 这样克隆的<tr>存储在变量中而不是 <input>元素。

如果您打算立即将其附加到表中，请添加 .insertAfter("#table-1 tr:last") 到最后。

var clone = $("#table-1 tr:last").clone().find('input').val('').end().insertAfter("#table-1 tr:last");