jquery树,jQuery tree

jquery 递归创建json树

$(function () {

$("#btn_bianli").click(function () {

var showlist = $("ul/ul");

showall(menulist.menulist, showlist);

$("#div_menu").append(showlist);

});

});

//menu_list为json数据

//parent为要组合成html的容器

function showall(menu_list, parent) {

for (var menu in menu_list) {

//如果有子节点，则遍历该子节点

if (menu_list[menu].menulist.length 0) {

//创建一个子节点li

var li = $("li/li");

//将li的文本设置好，并马上添加一个空白的ul子节点，并且将这个li添加到父亲节点中

$(li).append(menu_list[menu].MName).append("ul/ul").appendTo(parent);

//将空白的ul作为下一个递归遍历的父亲节点传入

showall(menu_list[menu].menulist, $(li).children().eq(0));

}

//如果该节点没有子节点，则直接将该节点li以及文本创建好直接添加到父亲节点中

else {

$("li/li").append(menu_list[menu].MName).appendTo(parent);

}

}

}

相关问答

Q1: zTree 如何跟 jquery取得的数据生成树

zTree的jquery树插件就可以生成树了。

1、setting 配置信息说明

普通使用，无必须设置的参数

与显示相关的内容请参考 API 文档中 setting.view 内的配置信息

name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息

2、treeNode 节点数据说明

标准的 JSON 数据需要嵌套表示节点的父子包含关系

例如：

var nodes = [

{name: "父节点1", children: [

{name: "子节点1"},

{name: "子节点2"}

]}

];

默认展开的节点，请设置 treeNode.open 属性

无子节点的父节点，请设置 treeNode.isParent 属性

其他属性说明请参考 API 文档中 "treeNode 节点数据详解"

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

zTree 是开源免费的软件（MIT 许可证）。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。

Q2: jquery做一个简单的树

你不必自己做了 jquery有很多插件实现树状分支，只要去jquery网查查插件就有了。可以推荐你一个ztree 国产的，功能十分丰富强大。我项目里也是用的它。