layui 侧边导航栏动态展示后台返回的目录、多层目录

废话不多说，直接上代码

window.leftMenu = ‘’

var res = 接口返回的那些屌毛数据

window.leftMenu += ’

• ’
  if (res.content.length > 0) {
  for (var i = 0; i < res.content.length; i++) { //循环后台拿到的数据
  window.leftMenu += “
• ”
  window.leftMenu += “” + res.content[i].name + “”
  window.leftMenu += “

  ”
  if (res.content[i].childMenu.length > 0) {
  for (var j = 0; j < res.content[i].childMenu.length; j++) { //循环父级下的子菜单
  window.leftMenu += “

  ”
  window.leftMenu += “<a href=“javascript:;” class=“showMain” lay-href=” + res.content[i].childMenu[j].href + “>” + res.content[i].childMenu[j].name + “”
  window.leftMenu += “

  ”
  }
  }
  window.leftMenu += “

  ”
  window.leftMenu += “
• ”
  }
  }
  window.leftMenu += “

”
// }
// })
$("#leftnav").html(window.leftMenu)
$("#leftnav").find(“ul li”).eq(0).addClass(“layui-nav-itemed”) // 增加第一次刷新进入页面时自动点击的页面点击
$("#leftnav").find(“ul li”).eq(0).find(" dd").addClass(“layui-this”) // 增加点击效果，

结束