Layui 权限菜单树遍历

贴一个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();
                        }
                    }
                });