没有合适的资源?快使用搜索试试~ 我知道了~
现在有一个数据,需要你渲染出对应的列表出来: var data = [ {"id":1}, {"id":2}, {"id":3}, {"id":4}, ]; var str="<ul>"; data.forEach(function(v,i){ str+="<li><span>"+v.id+"</span></li>" }) str="</ul>" $(doucment).append(str); 哼,easy! 语罢,又是一道题飞来! 哦,还带了儿子来当帮手。我一个循环再一个循环,轻松带走你们 var data2 = [ {"id":1,children:[{"id":
资源推荐
资源详情
资源评论
javascript如何用递归写一个简单的树形结构示例如何用递归写一个简单的树形结构示例
现在有一个数据,需要你渲染出对应的列表出来:
var data = [
{"id":1},
{"id":2},
{"id":3},
{"id":4},
];
var str="<ul>";
data.forEach(function(v,i){
str+="<li><span>"+v.id+"</span></li>"
})
str="</ul>"
$(doucment).append(str);
哼,easy!
语罢,又是一道题飞来!
哦,还带了儿子来当帮手。我一个循环再一个循环,轻松带走你们
var data2 = [
{"id":1,children:[{"id":"child11"},{"id":"child12"}]},
{"id":2},
{"id":3children:[{"id":"child31"},{"id":"child32"}]},
{"id":4},
];
var str="<ul>";
data2.forEach(function(v,i){
if(v.children&&v.children.length>0){
str+="<li><span>"+v.id+"</span>";
str+="<ul>";
v.children.forEach(function(value,index){
str+="<li><span>"+value.id+"</span>";
})
str="</ul>";
str="</li>";
}else{
str+="<li><span>"+v.id+"</span></li>"
}
})
str="</ul>"
$(doucment).append(str);
还有谁?
var json=[
{
name:123,id:1
children:[
{
name:453,id:456,children:[{name:789,id:777,children:[{name:"hahahqqq---qq",id:3232,children:[name:'son',id:"13132123211"]}]}] },
{
name:"Cessihshis" , id:12121
}
] },
{
name:"啊啊啊11", id:12
},
];
资源评论
weixin_38747566
- 粉丝: 12
- 资源: 931
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功