How to add remove dynamic elements using jquery?

Question

This code works when adding a dynamic table with data coming from an ajax request but can not remove the dynamic table. I code below shows whenever I click on a tree node, it should load its mysql table data into a HTML table.

     $("#treeNodes").on("select_node.jstree", function(event, data)
     {
           var node = data.rslt.obj;
           var nodeID = node.attr("id");
           event.stopImmediatePropagation;
           if(/leaf/.test(nodeID))
           {
                $(".tableData > *").remove(); // remove all table data (tr rows) before adding the new data and not working or firing off.
                addTableData(); // This function get the data from a mysql table and loads it into an HTML table.
           }

     });

     <table>
            <tbody class='tableData'></tbody>
    </table>

Would someone kindly show me how this code can recognize the newly added dynamic table data so it can be removed?

George · Accepted Answer · 2013-10-02 15:53:48Z

1

Try this instead:

$('.tableData').empty();

The empty() method removes all descendants and text from the element(s) it was called on.

answered Oct 2, 2013 at 15:53

George

36.9k9 gold badges70 silver badges109 bronze badges

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

2 Comments

Yetimwork Beyene Over a year ago

not working using $('.tableData').empty(), so how its not seeing the newly added table data but when I load the page table data, the $('.tableData').remove(), it works.

Yetimwork Beyene Over a year ago

I had to go up one parent level and it worked using the table id instead of the tbody id

Jacob Raccuia · Accepted Answer · 2013-10-02 15:52:58Z

0

This should work:

$(".tableData").html("");

but what anOG wrote is faster. so use empty() instead.

answered Oct 2, 2013 at 15:52

Jacob Raccuia

1,6861 gold badge16 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to add remove dynamic elements using jquery?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related