Javascript 使用jQuery循环JSON数据

我试图从JSON文件（Squarespace）中获取特定信息，目的是将其附加到

中。我需要遍历数据并从每个帖子中获取位置。这是我正在使用的代码：

$.getJSON("http://www.theluxedit.com/?format=json-pretty", function(data) {
    $.each(data, function(index, value) {
        $('.locationData').append(data.items.location.addressLine2);
    });
});

仅当我使用整数指定项时，它才会起作用，例如：

$('.locationData').append(data.items[1].location.addressLine2);

---

这似乎适用于我尝试过的其他示例，可能是JSON连接错误吗？

问题是您需要遍历项目本身，而不是返回的整个对象：

var $locationData = $('.locationData');
$.getJSON("http://www.theluxedit.com/?format=json-pretty", function(data) {
    $.each(data.items, function(index, item) {
        $locationData.append(getLocationEl(item.location.addressLine2));    
    });
});

function getLocationEl(address) {
    return $('<div>', { text: address });
}

var$locationData=$（'.locationData'）；
$.getJSON（“http://www.theluxedit.com/?format=json-函数（数据）{
$.each（数据项、函数项、索引项）{
$locationData.append（getLocationEl（item.location.addressLine2））；
});
});
函数getLocationEl（地址）{
返回$（''，{text:address}）；
}

通过这样做，每个迭代都会查看不同的项目。然后可以直接访问该项的属性，而不是从返回的顶级数据访问

---

另外，我假设这是在luxedit.com上运行的。否则您将得到一个错误。更多信息请参见此部分：

作为旁注，在循环中对类进行完整的DOM搜索效率很低。。在循环之前将结果存储在变量中并使用引用。更新答案。如果您希望文本位于单独的行上，这很好。您还可以使用span而不是div。此外，您可以将所有值累加起来，并将它们作为逗号分隔的列表附加到单个字符串中。