ligne de la table se déplaçant d'une table à l'autre en utilisant Jquery

Question

I ont le code HTML suivant

<table id="tbl1"> 
    <!-- Table row trHeader should be here based on a flag //--> 
</table> 
<table id="tbl2"> 
    <tr id="trHeader"> 
    <td>test</td> 
    </tr> 
</table> 

j'ai un drapeau (essentiellement un bouton), que j'utilise pour être en mesure de déplacer la ligne de la table avec id = "tbl2". Comment pourrais-je revenir à la même position basée sur ce drapeau.

Answer 1

Essayez quelque chose comme ça

$('#tbl1').append($('#trHeader').remove()); 

mise à jour, je ne sais pas où le bouton est de faire le basculement, je vais supposer que votre lorsque vous cliquez sur le basculement de la ligne d'en-tête. Sinon, faites le moi savoir.

$('#trHeader').toggle(function() { 
    $('#tbl1').append($(this).remove()); 
}, function() { 
    $('#tbl2').append($(this).remove()); 
});