使用Jquery将表行从一个表移动到另一个表

使用Jquery将表行从一个表移动到另一个表,jquery,jquery-ui,Jquery,Jquery Ui,我有下面的HTML <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> 测试 我有一个标志(本质上是一个

我有下面的HTML

<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>

测试

我有一个标志(本质上是一个按钮),我用它来移动id=“tbl2”的表行。如何根据此标志将其切换回相同的位置。

尝试类似的操作

$('#tbl1').append($('#trHeader').remove());
更新,我不确定你的按钮在哪里进行切换,我假设你在点击标题行时进行切换。如果不是,请告诉我

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

我想在追加和删除之间切换。我该怎么做?如果我想从表1中选取一行,并将其插入表2中其他两行之间,该怎么办?