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

Question

我有以下 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" 的表格行。我如何根据这个标志将它切换回相同的位置。

Answer 1

试试这样的

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

更新，我不确定您的按钮在哪里进行切换，我将假设您在单击标题行时进行切换。如果不是，请告诉我。

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