js 生成树

匿名 (未验证) 提交于 2019-12-03 00:32:02
$(function () { var menuArry = [             { id: 1, name: "办公管理", pid: 0 },             { id: 2, name: "请假申请", pid: 1 },             { id: 3, name: "出差申请", pid: 1 },             { id: 4, name: "请假记录", pid: 2 },             { id: 5, name: "系统设置", pid: 0 },             { id: 6, name: "权限管理", pid: 5 },             { id: 7, name: "用户角色", pid: 6 },             { id: 8, name: "菜单设置", pid: 6 },             ];             GetData(0, menuArry)             console.log(menus);             $("body").append(menus);         });         var menus = "";         function GetData(id,array) {           var childArray = GetParentData(id,array);           if(childArray.length > 0){ //如果有值,采用递归得到他的子元素             menus += '<ul>'             for(var i in childArray) {               menus += '<li>' + childArray[i].name;               GetData(childArray[i].id,array);               menus += '</li>';             }             menus += '</ul>';           }         }          function GetParentData(id,array) {           var newArray = [];           for(var i in array) {             if(array[i].pid == id)               newArray.push(array[i]);           }           return newArray;         }


文章来源: js 生成树
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!