How do I get the id of the selected node in jsTree?

javascript jquery jstree
murze picture murze · Apr 6, 2010 · Viewed 79.6k times · Source

How can I get the id of the selected node in a jsTree?

function createNewNode() {
  alert('test');
  var tree = $.tree.reference("#basic_html");
  selectedNodeId = xxxxxxxxx; //insert instruction to get id here
  tree.create({ data : "New Node Name" }, selectedNodeId);
}

Answer

Brad picture Brad · Jul 13, 2011

Unable to get harpo's solution to work, and unwilling to use Olivier's solution as it uses internal jsTree functions, I came up with a different approach.

$('#tree').jstree('get_selected').attr('id')

It's that simple. The get_selected function returns an array of selected list items. If you do .attr on that array, jQuery will look at the first item in the list. If you need IDs of multiple selections, then treat it as an array instead.

Related questions

jsTree Open a branch

I am using the JQuery plugin jsTree, http://www.jstree.com/ I am able to expand the whole tree with the following method: $("#tree").jstree("open_all"); and also a specific node: $("#tree").jstree("open_node", $('#childNode')); I am …

Read More
How do i open all nodes in jquery Jstree?

i'm using the following code: $("#treeview").jstree(); $("#treeview").jstree('open_all'); With the following html: <div id="treeview"> <ul> <li> <a href="#">rubentebogt</a> <ul> <li> &…

Read More
Get the selected Node from a jstree

I am trying to get the selected Node from a jstree. This is the code in the View <div id="divtree" > <ul id="tree" > @foreach (var m in Model.presidentList) { <li class="jstree-clicked"> <…

Read More