如何动态地加入UL和LI元素？

Question

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

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

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

</ul>

Answer 1

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'));

此代码将递归遍历您的树，直到找到叶子，并允许您先对叶子执行操作，然后在处理完该分支的所有叶子之后再对分支进行操作。