How can I replace a table with a new one using jQuery?

Question

Whats the best way to replace a <table> with a new one using jQuery? I'm using ajax on the page to get the new data.

This is a very broad question. The answer will depend on how is your server script sending the data. Is it using JSON, XML, partial HTML or is it something else? — Darin Dimitrov
– Darin Dimitrov, Commented Feb 17, 2010 at 10:51

Tatu Ulmanen · Accepted Answer · 2010-02-17 10:52:43Z

4

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

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

..assuming the response you get is an table element.

answered Feb 17, 2010 at 10:52

Tatu Ulmanen

125k34 gold badges190 silver badges185 bronze badges

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

Comments

karim79 · Accepted Answer · 2010-02-17 10:51:18Z

3

Wrap it in a div, and:

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

You can specify a portion of the remote document to insert by putting it's selector with the URL parameter as follows:

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

answered Feb 17, 2010 at 10:51

karim79

343k67 gold badges420 silver badges409 bronze badges