Как получить идентификатор выбранного узла в jsTree?

Узлы в jsTree по сути являются обернутыми элементами списка. Это даст вам ссылку на первую.

var n = $.tree.focused().get_node('li:eq(0)')

Вы можете заменить $.tree.focused(), если у вас есть ссылка на дерево.

Чтобы получить идентификатор, возьмите первый соответствующий элемент

if (n.length)
    id = n[0].id

или вы можете использовать функцию attr jQuery, которая работает с первым элементом в наборе

id = n.attr('id');

Не имея возможности заставить работать решение harpo и не желая использовать решение Оливье, поскольку оно использует внутренние функции jsTree, я придумал другой подход.

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

Это так просто. Функция get_selected возвращает массив выбранных элементов списка. Если вы сделаете .attr для этого массива, jQuery будет смотреть на первый элемент в списке. Если вам нужны идентификаторы нескольких вариантов, вместо этого обработайте их как массив.

В jstree версии 3.1.1 вы можете получить его напрямую от get_selected:

$("#<your tree container's id>").jstree("get_selected")

В самой последней версии jsTree (проверено на 3.3.3) вы можете сделать это, чтобы получить массив идентификаторов:

var ids = $('#tree').jstree('get_selected');

Это вернет, например, ["selected_id1", "selected_id2", "selected_id3"]. Если вы хотите получить выбранные узлы (не идентификаторы), вы можете сделать это:

var nodes = $('#tree').jstree('get_selected', true);

текущие документы содержат дополнительную информацию.

У меня были проблемы с получением выбранных идентификаторов из дерева с НЕСКОЛЬКИМ выбором. Вот такие они у меня получились:

var checked_ids = [];
$("#your-tree-id").jstree('get_selected').each(function(){    
      checked_ids.push($(this).data('id'));                         
});

В моем случае вызов данных не работает. Мне удалось получить доступ к данным моего узла с помощью функции attr.

$("#tree").jstree("get_selected").attr("my-data-name");

чтобы получить все выбранные идентификаторы, используйте приведенный ниже код

var selectedData = [];
var selectedIndexes;
 selectedIndexes = $("#jstree").jstree("get_selected", true);
jQuery.each(selectedIndexes, function (index, value) {
     selectedData.push(selectedIndexes[index].id);
 });

теперь у вас есть все выбранные идентификаторы в переменной "selectedData"

С последней версией Jstree; вы можете сделать это следующим образом:

<script type="text/javascript>
    var checked_ids = [];
    $('#your-tree-id).jstree("get_checked",null,true).each(function(){
        checked_ids.push(this.id);
    });
    alert(checked_ids.join(","));
</script>

Просто используйте

var nodeId = $('#FaqTreeView').jstree().get_selected("id")[0].id;

где #FaqTreeView — это идентификатор вашего div, содержащего jstree.

В некоторых случаях и/или версиях jstree это решение не работает.

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

Вместо определенного «id» я ничего не получаю. Что мне помогло:

$("#tree").jstree("get_selected").toString();

Это все старые ответы для старых версий. Начиная с версии 3.3.3 это будет работать для получения всех атрибутов выбранного узла.

$('#jstree').jstree().get_selected(true)[0]

Если вам нужен идентификатор, добавьте .id в конце. Вы можете просмотреть все остальные атрибуты в инструментах веб-разработчика, если скопируете приведенный выше код.

Вы можете использовать следующий код var nodes = $("#jstree_demo_div").jstree(true).get_selected("full", true);//Список выбранных узлов

nodes[0].id//Который даст идентификатор 1-го объекта из массива