JQuery克隆克隆最終行的數據

Question

我遇到了問題。我用的是：

$(this).parents("tr:first").remove(); 

刪除的用戶點擊，然後該行：

var row = $('#picTableDisplay tbody>tr:last').clone(true) 
      .insertAfter('#picTableDisplay tbody>tr:last'); 

在表的底部更換一個新的（空）行。

但是，當表格已滿（12行）並且用戶想要刪除行時，底部表格（具有數據）被克隆（具有數據）。

在這種情況下，我該如何刪除點擊行並向 表的底部添加一行爲空？

謝謝。

Answer 1

它似乎在做你剛纔告訴它做的事......克隆最後一行，有無數據。
解決方案很簡單 - 不要這樣做。

1. 克隆最後無形行（所以你有13行），或

2. 克隆你一直就在身邊模板的行，例如：

   $('#RowTemplate tr').clone(true).show() 
   

3. 另一種選擇是複製行，當頁面加載，然後再克隆它：

   var rowTemplate = $('#picTableDisplay tbody>tr:last').clone(true) 
   
   $('#picTableDisplay tr').click(function(){ 
       $(this).closest('tr').remove(); 
       var row = rowTemplate.clone(true) //... 
   }); 
   

另請注意，在IE上最後一個元素的克隆存在一個已知錯誤，詳細信息請參見：Problem using jQuery clone function in form。