如何添加嵌套的ul和li？

Question

我有以下回应：

var resp = {
    name: "menu svc", // some basic info about the menu, not displayed in UI
    style: "topmenucontainer",
    childstyle: "topmenu",
    type: "MENU",
    "nodes": [{ // has the menu hierarchy info
        name: "Process",
        href: "some url",
        embedData: "true",
        instances: [{
            "title": "Proc1",
            "url": ""
        }, {
            "title": "Proc2",
            "url": ""
        }, {
            "title": "Proc3",
            "url": ""
        }],
        nodes: [{
            name: "Documents",
            href: "url3",
            embedData: "true",
            instances: [{
                "title": "Doc1",
                "url": "url1"
            }, {
                "title": "Doc2",
                "url": "url2"
            }],
            nodes: []
        }]
    }]
};

我必须基本上创建一个菜单结构，如下所示：

Process
   Proc1---------------->Documents
   Proc2                  Doc1-------------------------->
   Proc3                  Doc2

因此，特定节点的所有实例将在该节点下以li列出，而每个子节点在每个父节点实例内都应以ul列出。 同样，它的递归结构作为子节点将包含子节点，并且应以类似方式显示。

有指针吗？

谢谢

Answer 1

您可以尝试以下方法：

 $("#header ul").append('<li><ul><li></li><li></li><li></li></ul></li>'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="header"> <ul> </ul> </div>