使用jQuery将一个表格行从一个表格复制到另一个表格

Question

当勾选一行的复选框时，我需要使用jQuery将该行从一个表格复制到另一个表格。

我尝试使用.clone()方法，但它的行为非常奇怪。即使jQuery明确地定位第二个表格中的行，在复制到第一个表格时仍然可以被定位。因此，要么是.clone() 不正确，要么我需要使用其他方法。

$('#offers tbody tr td input.checkbox:not(:checked)').click(function (e) {
    var row = $(this).closest('tr');
});

- ediblecode

---

仍然可以被什么所定位？ - Jon

@Jon 当第二个表格的行被克隆并附加到第一个表格时，它仍然可以被上述 jQuery 选择器所选中。 - ediblecode

如果我想在表格列中额外添加一个下拉菜单，是否可能？因为我对此存有疑问。我有一个表1需要取出一行并放入表2，并在该列中添加一个下拉菜单，这是否可行？ - VPR

Answer 1

$('#offers tbody tr td input.checkbox:not(:checked)').on('change', function (e) {
     var row = $(this).closest('tr').html();
     $('#otherTable tbody').append('<tr>'+row+'</tr>');
});

让我们看看它实际的运用：http://jsfiddle.net/3BZp4/1/

克隆还应该为您工作，且不影响未来的选择：

http://jsfiddle.net/AkVTw/1/

现在带有捕获未选中的选项的代码：

http://jsfiddle.net/wGGDb/

- Fresheyeball

---

你的例子不起作用。当你取消勾选时，它仍然会复制到另一个表中。 - ediblecode

你从未指定所需的行为。请更详细地描述您想要发生的情况。取消选中是否应将其从第二个列表中删除？您的目标是什么？ - Fresheyeball

当该行中的复选框被选中时，它应该被复制。很确定这意味着当它未被选中时，不应该复制该行。 - ediblecode

当未被选中时，它不应该复制那一行。如果您没有选中它，则不会复制它。您是想在取消选中该框时取消复制吗？您的目标是什么？请更具体地描述。 - Fresheyeball

在你的例子中，如果你在第一个表格中勾选了一个框，它会被复制到第二个表格中（期望的结果）。如果你取消勾选同一个框，它会再次被复制到第二个表格中。 - ediblecode