Question

86

jstree jquery how to iterate through all nodes

rated 0 times [ 88] [ 2] / answers: 1 / hits: 19374 / 9 Years ago, wed, january 27, 2016, 12:00:00

I'm trying to iterate through every node within a treeview in jstree. The treeview is 4 levels deep but I can't seem to get past the 1st level. The following is the jQuery used to iterate.

$(#myTree).bind('ready.jstree', function (event, data) {

    $('#myTree li').each(function () {

        // Perform logic here

        }

    });

});

Here is a jsfiddle illustrating my point. Please help on how I can iterate through every node in jstree.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lucianod

Add To Favorites

Follow

Total Points: 667

Total Questions: 106

Total Answers: 92

Location: Jordan

Member since Thu, Aug 5, 2021

3 Years ago

lucianod questions

1 Angular Material MatToolTip show up only when the element is truncated

Tue, Feb 9, 21, 00:00, 3 Years ago

1 How to catch server errors in Nuxt.js so it doesn't crash page render? (Vue)

Wed, Feb 3, 21, 00:00, 3 Years ago

1 How to use window.postmessage to communicate with parent window

Thu, Aug 6, 20, 00:00, 4 Years ago

1 ESM import on webpackConfig

Sat, Jul 25, 20, 00:00, 4 Years ago

1 Snackbar Vuetify - override method after timeout

Tue, Oct 30, 18, 00:00, 6 Years ago

View All

answered 9 Years ago earllutherf · Accepted Answer

This gets all the children of your tree in a flat array for your .each loop.

$(#tree).bind('ready.jstree', function(event, data) {

  var $tree = $(this);

  $($tree.jstree().get_json($tree, {

      flat: true

    }))

    .each(function(index, value) {

      var node = $(#tree).jstree().get_node(this.id);

      var lvl = node.parents.length;

      var idx = index;

      console.log('node index = ' + idx + ' level = ' + lvl);

    });

});

JSFiddle - Docs for get_json