删除表行并在表的末尾附加相同的表行

时间:2011-02-24 11:21:47

标签: jquery

我想实现以下目标,我需要从id为#emailTable的表中删除一个表行,然后将完全相同的行追加到表的末尾,然后使用 JQuery的

要删除表格,请执行以下操作

$("#rowid_"+id).remove();

3 个答案:

答案 0 :(得分:8)

假设#rowid-id引用<tr>元素,只需执行

$("#rowid_"+id).appendTo('table');

这会将你的行元素移到table的最后一个元素之后。

看看这个example

答案 1 :(得分:3)

var a;
a = $("#rowid_"+id).html(); // store the content on a
$("#rowid_"+id).remove(); // remove the node
$('table').append(a);// append the content on table
$("#rowid_"+id).hide();//hide the appended node

我希望它有效:)

答案 2 :(得分:1)

如果页面中只有1个(一个!)表,那么BorisGuéry的回答是正确的。

这是一个适用于包含多个表的页面的版本。

$("#tr_Row_" + id).appendTo($("#tr_Row_" + id).closest("table"));

说明:第二部分

$("#tr_Row_" + id).closest("table") // get the parent-table of the row.

说明:第一部分

$("#tr_Row_" + id).appendTo(...parentTable...) // remove row from the current table
                                               // and append it as last child to the 
                                               // parentTable