感觉你的结构是存在一个root节点下面吧？这种适合修改不多的时候。 jsTree 看这个吧，直接用控件好了，很简单。 如果是出于学习的目的，参考jquery-treeview的这段修改一下：

function createNode(parent) {
    var current = $("<li/>").attr("id", this.id || "").html("<span>" + this.text + "</span>").appendTo(parent);
    if (this.classes) {
        current.children("span").addClass(this.classes);
    }
    if (this.expanded) {
        current.addClass("open");
    }
    if (this.hasChildren || this.children && this.children.length) {
        var branch = $("<ul/>").appendTo(current);
        if (this.hasChildren) {
            current.addClass("hasChildren");
            createNode.call({
                classes: "placeholder",
                text: "&nbsp;",
                children:[]
            }, branch);
        }
        if (this.children && this.children.length) {
            $.each(this.children, createNode, [branch])
        }
    }
}