CODEWITHSUNDEEP
jquerydetach
RCNeil
RCNeil

Reputation: 8779

Restore Multiple Detached Elements in JQuery

I have a link inside of a table that, when clicked, removes the entire parent tr. I am using detach() for the purposes of restoring that item later based on an event.

Typically, one would store this as a variable, then recall it later and have it append() later, but what if I need to restore multiple rows?

There is no .= method to add more to a variable is there?

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

Upvotes: 2

Views: 2838

Answers (3)

Jan
Jan

Reputation: 5815

What everyone else said, use an array. Also, move the css for odd rows into an actual css, so it respects the deleted rows.

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

http://jsfiddle.net/44Qab/

Upvotes: 1

wirey00
wirey00

Reputation: 33661

Why not use an array?

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/

Upvotes: 8

André Alçada Padez
André Alçada Padez

Reputation: 11618

you should use an array to store all the dettached items: http://jsfiddle.net/nErDy/1/

Upvotes: 1

Related Questions