Перемещение строки таблицы из одной таблицы в другую с помощью 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());
});