刪除jsTree中的所有節點

Question

有沒有辦法清除jsTree中的所有節點，比通過逐個刪除它們的所有節點更快？

Answer 1

我找到的最簡單的方法是簡單地在包含樹的div上調用.empty 。

$('#tree').empty();

您可以選擇使用更具體的選擇器作為empty()的參數，但這對我來說很好。

Answer 2

請參閱此處的文檔： http ： //www.jstree.com/documentation/core

.delete_node（節點）

刪除節點。 觸發事件。

 mixed node 

這可以是指向要刪除的元素的DOM節點，jQuery節點或選擇器。

看來你可以只做一個選擇器來刪除你想要的所有節點，不需要循環。

Answer 3

$('#tree').jstree("destroy").empty();

這對我有用。 首先銷毀jstree元素和相關事件，然后清空包含jstree的div。

Answer 4

在根節點上調用.remove(node) 。

Answer 5

$('#jstree').parent().html('<div id="#jstree"></div>');

Answer 6

myTree.delete_node(myTree.get_node("#").children);

Answer 7

以下調用將銷毀jsTree的當前實例，刪除任何綁定的事件偵聽器，並顯然實現刪除所有節點的最終目標。 但這種方法有點過分殺人，不得不說。

$("#DivElementContainingYourTree").jstree("init");