Assign and retrieve an html table to a javascript variable with jQuery

Question

I want to backup an html table to afterwards filter it using jquery:

$('.row').closest('td').not(':contains(' + v + ')').parent('tr').remove();

Since I do remove() I have to back up the rows before:

var allTable = $('#mytable').html();

And then, when filter is performed I turn back to previous table data:

$('#mytable').html($(allTable));

But this does not work. If I do:

alert($(allTable).filter('tr').length);

next to the first assignment, zero rows are returned.

Please, can you assist me?

Don't remove, just hide.

dfsq
– dfsq

2012-11-06 12:29:46 +00:00
Commented Nov 6, 2012 at 12:29 — dfsq
– dfsq, Commented Nov 6, 2012 at 12:29

Rory McCrossan · Accepted Answer · 2012-11-06 12:36:41Z

1

filter() is used to find elements within an array of elements. This isn't what you need. You're looking to find() the child elements within another. Also, storing the HTML only to turn it back in to a jQuery object is a little redundant - you may as well just store the jQuery object itself. Try this:

var $table = $('#mytable');
$table.remove(); // use your existing logic here
alert($table.find('tr').length);
$table.appendTo('body'); // add the table back in to the DOM when conditions are met

Example fiddle

answered Nov 6, 2012 at 12:36

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:23:34Z

0

I ran into a similar issue when using a highlight function. I solved it by cloning the table into a hidden div and restoring it from there, instead of from a variable. see jquery highlight() breaking in dynamic table

edited May 23, 2017 at 12:23

CommunityBot

11 silver badge

answered Nov 6, 2012 at 12:36

Andy Foster

1601 silver badge10 bronze badges

Comments

Andreas L. · Accepted Answer · 2014-01-07 08:38:56Z

0

Did you solve this problem?

I suggest a workaround.

Instead of using your cloned table, make a (temporary) copy of it and use it for alert.

var alertTable = allTable;
alert($(alertTable).filter('tr').length);

answered Jan 7, 2014 at 8:38

Andreas L.

2,98125 silver badges25 bronze badges

Collectives™ on Stack Overflow

Assign and retrieve an html table to a javascript variable with jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related