Как добавить вложенные 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 

Таким образом, все экземпляры конкретного узла будет отображаться как литий в узле и каждый дочерний узел должен быть указан как 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>