js遍历jsonTree
2013-10-02 11:17
274 查看
var json = [{tcName:"11", children:[{tcName:"22", children:[{tcName:"33"}]}, {tcName:"44", children:[{tcName:"55"}, {tcName:"55"}]}]}];
readTree(json[0], $("#load"));
function readTree(node, ul) {
var li = $(["<li>" +
"<a href=\"", "/ccs", "/trainCenter/index.do?get=\"", 12, "\">", node.tcName, "</a>" +
"</li>"].join("")).appendTo(ul);
var children = node.children;
if (children && children.length) {
ul = $("<ul></ul>").appendTo(li);
for (var i = 0; i < children.length; i++) {
readTree(children[i], ul);
}
}
}
页面
<ul id="load"></ul>
显示结果:
。11
。22
33
。44
55
55
readTree(json[0], $("#load"));
function readTree(node, ul) {
var li = $(["<li>" +
"<a href=\"", "/ccs", "/trainCenter/index.do?get=\"", 12, "\">", node.tcName, "</a>" +
"</li>"].join("")).appendTo(ul);
var children = node.children;
if (children && children.length) {
ul = $("<ul></ul>").appendTo(li);
for (var i = 0; i < children.length; i++) {
readTree(children[i], ul);
}
}
}
页面
<ul id="load"></ul>
显示结果:
。11
。22
33
。44
55
55
相关文章推荐
- JS 利用数组拼接html字符串
- seajs学习心得和新产品福利
- 一步步学会使用SeaJS 2.0
- javascript怎么封装方法
- vs2010 json 配置 解析 封装
- js验证大全
- VS2010 添加静态链接库(包括.h文件和.lib文件)以添加jsoncpp为例
- 个人封装的一个 javascript的id、class、元素选择器 请大家给点意见
- javascript如何封装方法?
- JS获取table表格任意单元格值
- 三个标签案例:帮你深入学习JSP自定义标签
- JavaScript 从闭包可以做什么开始,将有助于理解闭包
- 理解javascript之 对象
- JavaScript 跨域方法总结
- Javascript 闭包(Closures)
- jsTree插件的应用
- jsTree插件的简单的应用
- 我所犯的JavaScript引用错误
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- javascript对数组的操作