遍历显示(可用递归调用)暂无时间修改
首页 > Html    作者:lininn   2017年12月6日 11:12 星期三   热度:829°   百度已收录  
时间:2017-12-6 11:12   热度:829° 
var jsonDate=[
    {
        "id": 1,
        "name": "电子",
        "editTime": "2010-01-01 12:12:12",
        "child": [
            {
                "id": "11",
                "name": "电子产品",
                "editTime": "2010-01-01 12:12:12",
                "child": [
                    {
                        "id": "111",
                        "name": "电脑",
                        "editTime": "2010-01-01 12:12:12"
                    },
                    {
                        "id": "112",
                        "name": "相机",
                        "editTime": "2010-01-01 12:12:12"
                    }
                ]
            },
            {
                "id": "12",
                "name": "电子的",
                 "editTime": "2010-01-01 12:12:12",
                "child": [
                    {
                        "id": "121",
                        "name": "电脑",
                        "editTime": "2010-01-01 12:12:12"
                    },
                    {
                        "id": "122",
                        "name": "相机",
                        "editTime": "2010-01-01 12:12:12"
                    }
                ]
            }
        ]
    }

];

function rendetTable(arr){
   if(arr.length>0){
	 var str=""
	 var rowNum=0;
	 var child1=null;
	 var child2=null;
	 for(var i=0;i<arr.length;i++){
	 	rowNum++;
	 	
       str+="<tr data-id='"+arr[i].id+"'><td>"+rowNum+"</td><td>"+arr[i].name+"</td><td>一类层级</td><td> </td><td>"+arr[i].editTime+"</td><td>编辑</td>";
        if(arr[i].child.length>0){
        	child1=arr[i].child;
        	for(var j=0;j<child1.length;j++){
        		rowNum++;
        		str+="<tr data-id='"+child1[j].id+"'><td>"+rowNum+"</td><td>"+child1[j].name+"</td><td>二类层级</td><td>"+arr[i].name+"</td><td>"+child1[j].editTime+"</td><td>编辑</td>";
	        	 if(child1[j].child.length>0){
	        	 	child2=child1[j].child;
	        	 	 for(var k=0;k<child2.length;k++){
	        	 	 	rowNum++;
        				str+="<tr data-id='"+child2[k].id+"'><td>"+rowNum+"</td><td>"+child2[k].name+"</td><td>三类层级</td><td>"+child1[j].name+"</td><td>"+child2[k].editTime+"</td><td>编辑</td>";
	        	 	 }
	        	 }
        	}
        }else{
        	continue;
        }
        
        
	 }
	}else{
		console.log("暂无数据");
	}
 $("#table-body").html(str);
}
rendetTable(jsonDate);

二维码加载中...
本文作者:lininn      文章标题: 遍历显示(可用递归调用)暂无时间修改
本文地址:?post=80
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn