2012-05-25 194 views
2

当需要检查该行中的复选框时,我需要能够使用jQuery将行从一个表格复制到另一个表格。使用jQuery将表格行从一个表格复制到另一个表格

我尝试使用.clone()方法,但这有非常奇怪的行为。尽管jQuery专门针对第二个表中的行,但在复制到第一个表时,它仍可以作为目标。所以clone()不正确或者我需要使用别的东西。

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

什么可能仍然由什么针对性? – Jon

+0

@Jon当第二个表中的行被克隆,并且克隆附加到第一个表时,它仍然可以被上面显示的jQuery选择器作为目标 – ediblecode

回答

6
$('#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/

+0

您的示例不起作用。当您取消选中它时,它仍会复制到其他表 – ediblecode

+0

,您从未指定这是所需的行为。请详细描述您希望发生的事情。如果“取消选中”将其从第二个列表中删除?你的目标是什么? – Fresheyeball

+0

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

相关问题