js实现树的递归调用显示在html中

function trees(){
    $.ajax({
        url :'.......',
        method : "post",
        success : function(result) {
            for(i in result){
                var a= "<li tabindex='-1'><a href='#'>"+result[i].text+"</a><ul id="+result[i].id+"></ul></li>";
                var b = "<li tabindex='-1'><a href='"+result[i].address+"'>"+result[i].text+"</a><ul id="+result[i].id+"></ul></li>";
                if(result[i].children !=null){
                    $('#...').before(a);
                    Xtree(result[i].children,result[i].id);
                }if(result[i].children ==null){
                    $('#..').before(b);
                }
            }
        }
    })
}
function Xtree(children,id){
    for(j in children){
        console.log(children[j].text)
        if(children[j].children != null){
            $('#'+id).append("<li><a href='"+children[j].address+"'>"+children[j].text+"</a><ul id="+children[j].id+"></ul></li>");
            Xtree(children[j].children,children[j].id);
        }if(children[j].children == null){
            console.log(children[j].children)
            $('#'+id).append("<li><a href='"+children[j].address+"'>"+children[j].text+"</a><ul id="+children[j].id+"></ul></li>");
        }
    }
}