在JQuery中还原多个分离的元素

Question

我在表格中有一个链接，点击后会删除整个父tr。我正在使用detach()以便稍后根据事件恢复该项目。

通常情况下，人们会将其存储为变量，然后稍后重新调用它并稍后将其append()，但如果我需要恢复多行，该怎么办？

没有.=方法可以向变量添加更多内容吗？

JSFiddle = http://jsfiddle.net/nErDy/

Answer 1

为什么不使用数组？

var deleted = [];
//Allow people to delete rows
$('a.delete').click(function() {
    deleted.push($(this).parent().parent().detach());
});

//Restore all
$('a.restore').click(function() {
    $.each(deleted, function(i, v) {
        $('#teams').append(v);
    });
});​

http://jsfiddle.net/wirey00/nErDy/2/

Answer 2

您应该使用数组来存储所有分离的项目： {{3P>

Answer 3

其他人说的是，使用数组。另外，将奇数行的css移动到实际的css中，因此它会尊重已删除的行。

#teams tr:nth-child(even) td { background-color : #cecece }​

http://jsfiddle.net/44Qab/