从一个表中删除行,并使用jQuery将其添加到另一个表中

时间:2009-12-03 18:52:09

标签: jquery html html-table

我正在尝试从一个表中删除一行,并使用jQuery将其添加到另一个表中。我已经检查了this similar Stack Overflow post,觉得我做的事情大致相同,但显然我错过了一些东西,因为我正在做的事情不起作用。我知道我有正确的行,因为删除工作但行没有添加到新表中。

的jQuery

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

表体

<tbody id="NewTableBody">

3 个答案:

答案 0 :(得分:4)

如果你只想删除并附加一行,你可以尝试最近的()遍历函数:

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

您的行也被隐藏(因为淡出)。您需要再次显示它。

答案 1 :(得分:2)

删除remove()调用,即完全从DOM中删除它。 append()会为你做点什么。

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

答案 2 :(得分:1)

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

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