Delete all nodes in jsTree

Question

Is there a way to clear out all nodes from a jsTree that's faster than walking through all the nodes deleting them one-by-one?

Answer 1

The simplest way I have found is to simply call .empty on the div containing the tree.

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

You might choose to use a more specific selector as a parameter for empty(), but this works fine for me.

Answer 2

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

This is what worked for me. First destroy jstree elements and associated events, and then empty the div containing jstree.

Answer 3

See the documentation here: http://www.jstree.com/documentation/core

.delete_node ( node )

Removes a node. Triggers an event.

mixed node

This can be a DOM node, jQuery node or selector pointing to the element you want to remove.

It seems you can just do a selector that will delete all the nodes you want, no loops required.

Answer 4

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