javascript - 从嵌套 JSON 格式化列表

Question

在演示中， 当您单击一个地点和更多信息时，它会显示如下列表：

    Session ID 1
    Session ID 2

    User abc
    User xyz

我无法做到

    Session ID 1 <---- Click.. then shows below list of users
         User xyz    //List of users under Session ID 1

    Session ID 2 <---- Click.. then shows below list of users
         User abc    //List of users under Session ID 2

JSON _

Answer 1

var list = '<li>' + data.sessions[i].ID + '<ul>';
$.each(locations.a, function(i, value) {
   list += '<li>' + '<i class="icon-user"></i>' + value.id +  value.name + '</li>');
});
list += "</ul></li>";
$(".ID1").append(list);

我相信这会奏效。如果第二个 ul 看起来不像您想要的那样，只需适当地设置它的样式即可。

最后你需要这个结构

<li>
   ID
   <ul>
     <li></li>
     <li></li>
     ...
   <ul>
</li>