JQuery Clone 正在克隆最后一行的数据

【问题标题】：JQuery Clone is cloning final row's dataJQuery Clone 正在克隆最后一行的数据
【发布时间】：2009-12-09 07:05:21
【问题描述】：

我遇到了问题。我正在使用：

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

删除用户点击的行，然后：

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

替换表格底部的新（空）行。

但是，当表已满（12 行）并且用户想要删除一行时，底部表（有数据）被克隆（有数据）。

在这种情况下，如何删除单击的行并将行添加到表格底部是空的？

谢谢。

【问题讨论】：

标签： jquery clone

【解决方案1】：

它似乎完全按照您的指示去做...克隆最后一行，无论有无数据。
解决方法很简单——不要这样做。

克隆最后一个不可见行（因此您有 13 行），或者
从您保留在旁边的模板中克隆该行，例如：
```
$('#RowTemplate tr').clone(true).show() 
```

另一种选择是在页面加载时复制该行，然后重新克隆它：

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。

【讨论】：