How to replace a table with a new one using jQuery?

Question

What is the best way to replace <table> with a new one using jQuery? I use ajax on the page to get new data.

Answer 1

If you don't want to add a shell element, something like this should work:

 $.ajax({ url: 'yoururl.php', success: function(r) { $('table#something').replaceWith(r); } }); 

.. assuming the answer you received is an element of a table.

Answer 2

Wrap it in a div and:

 $("#myDiv").load("/some/url.php"); // where url.php outputs the entire table 

You can specify the part of the remote document to be inserted by placing it in the selector with the URL parameter as follows:

 $("#myDiv").load("/some/url.php #myTable");