jquery Looping (.each)

Question

I have an object that looks like the following:

Node{
     name: "root",
     level: 0,
     children: Array[14],
     parent: null,
     id: 0
}

And inside Node.children...

Node.children[
    {
     name: "child1",
     level: 1,
     children: Array[1],
     parent: root,
     id: 1
    },
    {
     name: "child2",
     level: 1,
     children: Array[1],
     parent: root,
     id: 2
    },
    {
     name: "child3",
     level: 1,
     children: Array[2],
     parent: root,
     id: 3
    },
]

And inside Node.children[1].children ...

Node.children[1].children[
        {
         name: "child1-1",
         level: 2,
         children: Array[0],
         parent: child1,
         id: 4
        }
]

What I need is to loop through the Node object and try and match every "id" with a value given. For example...

$.each(Node, function(i, nodes){
    $.each(nodes, function (i2, nodes2){
        if (nodes2.id == 5){
            //do something
        }
    })
})

That looks legit, I think this is the best way to do it. `$.each()` is your tool for the job. — beautifulcoder, Sep 03 '13 at 18:09

score 1 · Answer 1 · answered Sep 03 '13 at 18:08

You'll want a function you can call recursively:

function checkNode(node, action, id) {
  if (node.id === id)
    action(node);

  var kids = node.children || [];

  $.each( kids, 
    function(i,n) {
      checkNode(n, action, id);
    }
  );
}

called as:

checkNode( 
  node, 
  function(n) { alert(n.name); }, 
  5
);

collapsar · Answer 2 · 2013-09-03T19:01:28.373

0

try

$.each(Node.children, function(i, inode){
    $.each(inode.children, function (i2, inode2){
        if (inode2.id === 5){
            //do something
        }
    });
});

edited Sep 03 '13 at 19:01

answered Sep 03 '13 at 18:06

collapsar

17,010
4
35
61

jquery Looping (.each)

2 Answers2