2012-05-25 228 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

相關問題