没有使用jQuery的ul li标记的关键字的JSON

时间:2015-06-17 08:33:41

标签: jquery json html5

我有JSON

data = {
  "408": "NameSurname1",
  "415": "NameSurname2"
}

我如何用jQuery解析它

<ol>
   <li>
      <p>408</p> , <p>NameSurname1</p>
   </li>
   <li>
      <p>415</p> , <p>NameSurname2</p>
   </li>
</ol>

2 个答案:

答案 0 :(得分:1)

我认为最简单的方法是:

    var stringBuilder = "";
    for (var key in data) {
      stringBuilder += "<li><p>" + key + "</p>, <p>" + data[key] + "</p></li>";
    }
    $('yourOL').html(stringBuilder);

答案 1 :(得分:0)

只需使用for循环访问对象并附加li元素

&#13;
&#13;
data = {
  "408": "NameSurname1",
  "415": "NameSurname2"
}

for (i in data) {
   $('ol').append('<li><p>' + i + '</p><p>' + data[i] + '</p></li>');
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ol></ol>
&#13;
&#13;
&#13;