Copier une ligne de table d'une table à une autre en utilisant jQuery

Question

Je dois pouvoir copier une ligne d'une table à l'autre en utilisant jQuery lorsqu'une case à cocher de cette ligne est cochée.

J'ai essayé d'utiliser la méthode .clone() mais cela avait un comportement très étrange. Même si le jQuery ciblait spécifiquement les lignes de la deuxième table, lorsqu'il était copié sur le premier, il pouvait toujours être ciblé. Donc clone() n'est pas correct ou j'ai besoin d'autre chose.

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

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>'); 
}); 

Voir en action! http://jsfiddle.net/3BZp4/1/

Clone également DEVRAIT travailler pour vous et non leur future sélection:

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

Maintenant, avec captures pour décochant selon commentaires:

http://jsfiddle.net/wGGDb/