jquery中的树结构

jquery中的树结构,jquery,treeview,Jquery,Treeview,我需要一个树结构的帮助,这里我有代码,我从网上得到了t,我需要用扩展和折叠功能来显示它 var treeNodes = [ {parent:-1,id:0,name:'root'}, {parent:1,id:3,name:'net'}, {parent:1,id:4,name:'flash '},

我需要一个树结构的帮助,这里我有代码,我从网上得到了t,我需要用扩展和折叠功能来显示它

var treeNodes = [
                             {parent:-1,id:0,name:'root'},
                             {parent:1,id:3,name:'net'},
                             {parent:1,id:4,name:'flash '},
                             {parent:3,id:7,name:'South korea'},
                             {parent:6,id:8,name:'West korea'},
                             {parent:0,id:1,name:'Microsoft'},
                             {parent:1,id:5,name:'Google'},                          
                             {parent:0,id:2,name:'JPmorgon Intl'},
                             {parent:2,id:6,name:'SW'}
                         ];
            $("#container").append( buildNestedList(treeNodes, 0) );


            function buildNestedList(treeNodes, rootId) {
                  var nodesByParent = {};

                  $.each(treeNodes, function(i, node) {
                    if (!(node.parent in nodesByParent)) nodesByParent[node.parent] = [];
                    nodesByParent[node.parent].push(node);
                  });

                  function buildTree(children) {
                    var $container = $("<ul>");
                    if (!children) return;
                    $.each(children, function(i, child) {
                      $("<li>", {text: child.name})
                      .appendTo($container)
                      .append( buildTree(nodesByParent[child.id]) );
                    });
                    return $container;
                  }
                  return buildTree(nodesByParent[rootId]);
                }
var treeNodes=[
{parent:-1,id:0,名称:'root'},
{parent:1,id:3,name:'net'},
{parent:1,id:4,name:'flash'},
{家长:3,id:7,姓名:'South korea'},
{家长:6,id:8,姓名:'West korea'},
{父项:0,id:1,名称:'Microsoft'},
{parent:1,id:5,name:'Google'},
{父项:0,id:2,名称:'JPmorgon Intl'},
{父项:2,id:6,名称:'SW'}
];
$(“#容器”).append(buildNestedList(treeNodes,0));
函数buildNestedList(树节点,根ID){
var nodesByParent={};
$.each(树节点,函数(i,节点){
如果(!(nodesByParent中的node.parent))nodesByParent[node.parent]=[];
nodesByParent[node.parent].push(node);
});
函数构建树(子级){
var$container=$(“
    ”); 如果(!children)返回; $。每个(子项,函数(i,子项){ $(“
  • ”,{text:child.name}) .appendTo($container) .append(buildTree(nodesByParent[child.id]); }); 退回$container; } 返回buildTree(nodesByParent[rootId]); }
任何人请引导我。我需要设置+和u图像以扩展和折叠树结构


提前感谢

我引用了此链接,您被卡在哪里了?每当您在li中创建ul时,应根据您是否为ul提供显示样式放置+/-:无或无。这应该是基本的逻辑。我无法理解你……你能再解释一遍吗……对不起,我不是很基本。