如何克隆表中的一行而不克隆其中的輸入元素的值？

Question

我想向表中添加一行。我發現我們可以使用克隆（）方法來複制現有的行。我的桌子裏有兩個不同的<tr>元素的文字輸入。克隆最後一行也複製了我不想要的文本輸入中的值。如何克隆行而不復制值？

這是我到目前爲止有：

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

Answer 1

試試這個：

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

• .clone()最後<tr>
• .find()的<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"); 

Answer 2

您可以在給定的行之後添加此行來設置輸入字段爲空值：

$('#table-1 tr:last input').attr('value',''); 

或者只是：

$('#table-1 tr:last input').val(''); 

Answer 3

的上面給出的答案是完美的但有一點是缺少創建的行dint沒有先前創建的行獲得的事件。所以爲了克隆具有事件的相同行，我們必須設置屬性true。

看這裏......

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

    $("#table-of-items").append(newRow); 

注表的項是表的名稱。