贴一个layui权限菜单树遍历代码,对你有用吗!
<ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
</ul>
$.ajax({
url: cms_admin_get_by_id ,
type: "Get",
content: "application/x-www-form-urlencoded;charset=utf-8",
data: {'id':userId},
success: function (res) {
if (res.code === 0) {
window.localStorage.setItem('region', res.data.region);
$("#account").html(res.data.name);
var data = res.data.menuPermission;
var ul = '';
var li = '';
var dl = '';
var dd = '';
for (var i = 0; i < data.length; i++) {
if (data[i].parentId == 0) {
li = "<li data-name='" + data[i].menuName + "' class='layui-nav-item'>" +
" <a href='javascript:;' lay-tips='" + data[i].menuName + "' lay-direction='2'>" +
" <i class='layui-icon layui-icon-home'></i>" +
" <cite>" + data[i].menuName + "</cite>" +
" </a>";
// $("#LAY-system-side-menu").html();
for (var j = 0; j < data[i].children.length; j++) {
if (data[i].children[j].parentId === data[i].id) {
dl = "<dl class='layui-nav-child'>";
dd += "<dd>" +
" <a lay-href='" + data[i].children[j].menuPath + "'>" + data[i].children[j].menuName + "</a>" +
" </dd>"
}
}
if (dl != "" && dl != null) {
li += dl;
if (dd != "" && dd != null) {
li += dd;
}
li += "</dl>";
}
if (li != '' && li != null) {
li += "</li>";
ul += li;
li = '';
dl = '';
dd = '';
}
}
$("#LAY-system-side-menu").html(ul);
layui.use('element', function () {
var element = layui.element;
var layFilter = $("#LAY-system-side-menu").attr('lay-filter');
element.render('nav', layFilter);
})
}
}else if (res.code === 1003){
loginInvalid();
}
}
});