jquery 每个都有 json 对象

Question

我有这个 json 响应:

[{
    "i": 39,
    "id": "15399"
},
{
    "i": 38,
    "id": "15386"
},
{
    "i": 37,
    "id": "15329"
}]

now i need to put these elements in a html list. how can i use $.each to do that?

(something like:

<li>39: 15399</li>
<li>38: 15386</li>

等等...)

(顺便说一句，我无法访问生成 json 代码的文件)

Answer 1

只需迭代您的数组，例如:

var list = $("#myList");
$.each(data, function(i, obj) {
  $("<li />", { text: obj.i + ": " + obj.id }).appendTo(list);
});

在$.each()中回调中，您将索引和对象作为参数，在本例中您只想使用 i 和 id 属性。另一种选择只是一个普通的 for 循环，如下所示:

var list = $("#myList");
for(var i=0, l=data.length; i<l; i++) {
  var obj = data[i];
  $("<li />", { text: obj.i + ": " + obj.id }).appendTo(list);
});