このコードは、ajax リクエストからのデータを含む動的テーブルを追加するときに機能しますが、動的テーブルを削除することはできません。以下のコードは、ツリー ノードをクリックするたびに、その mysql テーブル データを HTML テーブルにロードする必要があることを示しています。
$("#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>
このコードが新しく追加された動的テーブルデータを認識して削除できるようにする方法を教えてください。