Удалить строку из одной таблицы и добавить ее в другую с помощью jQuery

Question

Я пытаюсь удалить строку из одной таблицы и добавить ее в другую с помощью jQuery. Я изучил этот похожий пост Stack Overflow и чувствую, что делаю примерно то же самое, но, очевидно, что-то упускаю, потому что то, что я делаю, не работает. Я знаю, что у меня правильная строка, так как удаление работает, но строка не добавляется в новую таблицу.

JQuery

var row = $($.fn.colorbox.element()).parents('tr');
row.fadeOut(1000, function() {
    $('#NewTableBody').append(row.remove());
});

Тело стола

<tbody id="NewTableBody">

Answer 1

Если вы хотите удалить и добавить только одну строку, вы можете попробовать функцию обхода closest ():

var $row = $($.fn.colorbox.element()).closest('tr');
$row.fadeOut(1000, function() {
    $('#NewTableBody').append($row);
    $row.fadeIn(1000);
});

Также ваш ряд скрыт (из-за затухания). Вам нужно показать это снова.

Answer 2

Избавьтесь от вызова remove (), то есть полностью удаляете его из DOM. append () сделает за вас движение.

var row = $($.fn.colorbox.element()).parents('tr');
row.fadeOut(1000, function() {
    $('#NewTableBody').append(row);
});

Answer 3

1001 * попробовать *

var row = $($.fn.colorbox.element()).parents('tr');

row.fadeOut(1000, function() {
    $('#NewTableBody').append(row);
});