关于Jquery Append函数

Question

让我们假设您有一个表和以下Jquery代码

var rows = $('#ttable').find('tbody > tr').get();
$('#ttable tbody').append(rows[1]);

Right对象获取所有的"tr“。第二行将把row1附加到表体，所以您应该在表的末尾获得它。

它工作得很好，但是原始行消失了。为什么？这意味着，行不会重复，它只是移动。为什么？如何解决这个问题？？

Answer 1

jQuery的append函数在幕后使用Node.appendChild()，因此其行为也是一样的

来自MDC

将节点添加到指定父节点的子节点列表的末尾。如果该节点已经存在，则将其从当前父节点中删除，然后添加到新的父节点中。

因此，就像cobbal所说的，您必须克隆行并附加克隆

Answer 2

如果你先克隆它，它会做你想做的：

var rows = $('#ttable').find('tbody > tr');
$('#ttable tbody').append(rows.eq(1).clone());

Answer 3

可能是因为rows1引用了一个已经插入at表并在DOM中注册的对象。尝试克隆该对象并将其添加为新对象。

或者您可以像这样尝试smth：

$('#ttable tr:first').before('<tr>...</tr>')