如何动态循环进入UL和LI元素?

时间:2016-11-30 00:38:18

标签: javascript jquery html css

我有一个动态生成的树视图

这个想法是为了得到一些值而循环进入它们,但是我们不知道每个元素有多少个孩子。

<ul>
   <li>something here</li>
   <li>something here
        <ul>
           <li></li>
           <li></li>
            ...more and more childs
        </ul>
   </li>

</ul>

1 个答案:

答案 0 :(得分:2)

function getNode($node) {
  var $children = $node.children();
  if ($children.length) {
    $children.each(function() {
        getNode($(this));
      })
      //Do something with the branch
  } else {
    //Do something with the leaf
  }
}

getNode($('#your_tree_top_node'));

此代码将以递归方式遍历您的树,直到找到树叶并允许您先处理树叶,然后处理该树枝的所有树叶后的树枝。