从嵌套JSON格式化列表

时间:2013-06-16 14:13:38

标签: javascript json html5 twitter-bootstrap

Demo 当您单击某个地点和更多信息时,它会显示如下列表:

    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

1 个答案:

答案 0 :(得分:0)

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>