关于js的树形表的生成
我这里有个这样的树形对象
打开google浏览器,切换到Console选项卡,看下是不是你要效果。
[解决办法]
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type='text/javascript' src='js/jquery-1.4.4.min.js'></script>
</head>
<body>
<div id='tree'></div>
<script>
var data={id:1,name:1,Is:[{id:2,name:2},{id:3,name:3,Is:[{id:4,name:4,Is:[{id:6,name:6},{id:7,name:7}]},{id:5,name:5,Is:[{id:8,name:8},{id:9,name:9}]}]}]};
function buildtree(data,lv){
var rt=[];
if(!lv)rt.push("<div style='padding-left:12px;'> id:"+data.id+"name:"+data.name);
if(data.Is){
for(var i=0;i<data.Is.length;i++){
rt.push("<div style='padding-left:12px;'>"+(i+1==data.Is.length?"└":"├")+" id : "+data.Is[i].id+" , name : "+data.Is[i].name);
if(data.Is[i].Is){
rt.push(buildtree(data.Is[i],1));
}
rt.push("</div>");
}
}
return rt.join('');
}
$('#tree').html(buildtree(data));
</script>
</body>
</html>
已解决