jq无限极列表

框架layui
实现无限极列表无折叠
前端实现无限极，后端给出接口，可以自己定义给json数据
最终效果如下


主要代码如下

idname追加到的id
list-->arr
pleft->左边距
function apend(idname,list,pleft) {
            var pleft = pleft;
            var html = "";
            for(var i in list){
                html += '
';
                    html += '
';

                        html += '
';
                            html += '';
                            html += ''+list[i].title+'';
                        html+='
';

                        html += '
';
                            html += '
';
                                html += ''+list[i].m+'';
                                html += ''+list[i].c+'';
                                html += ''+list[i].f+'';
                            html+='
';
                        html+='
';

                        html += '
';
                        if(list[i].type == 1){
                            html +='添加';
                        }else{
                            html +='添加';
                        }
                        html+='修改';
                        if(list[i].type == 1){
                            html +='删除';

                        }else{
                            html +='删除';
                        }

                        html+='
';

                    html+='
';
                html+='
';
                html+='
';
                html+='
';
                var children = list[i].children;
                if(children !== undefined){
                    html+= apend("li_"+list[i].id,children,pleft+20);
                }
                html+='
';
            }
            return html
        }

数据返回如下格式

调用函数

html


 
 ajax请求返回json数据menlist，
$("#menlists").append(apend("#menlists",menlist,10));