星空网 > 软件开发 > Java

利用递归实现简单的树结构菜单

数据格式:

var data = [
  {title: "11111",childs : [
    {title:"aaaaa", childs:[
      {title: "xg"}
    ]},
    {title:"bbbbb"}
    ]
  },
  {title: "22222",childs : [
    {title:"aaaaa"},
    {title:"bbbbb"}
    ]
  }
];

递归函数

function menu(data){
  var ul = "<ul>";
  for(var i = 0; i < data.length; i++){
    ul+="<li><a>"+data[i].title+"</a>";
    if(data[i].childs){ul+=obj(data[i].childs);}
    ul+="</li>";
  };
  ul+="</ul>";
  return ul;
}

调用:

var menu = menu(data);

结果:利用递归实现简单的树结构菜单

会的人觉得简单,不会的人再简单也不会,这个我也是花了很长时间才写出来。

 




原标题:利用递归实现简单的树结构菜单

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

OYO在疫情中的逆境重生?:https://www.ikjzd.com/articles/137442
亚马逊Review又一项功能停用 对卖家的影响有多大?:https://www.ikjzd.com/articles/137443
亚马逊在沙特阿拉伯启动支付服务:https://www.ikjzd.com/articles/137444
亚马逊运营干货 | 新品前期如何控制差评率?:https://www.ikjzd.com/articles/137445
亚马逊店铺注册遇到需要营业执照公证文件如何处理?:https://www.ikjzd.com/articles/137446
截至目前速卖通国产手机出货量比去年增加200万台:https://www.ikjzd.com/articles/137447
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流