javascript - 如何使用 jquery 遍历所有 json 项？

Question

这是我正在使用的 json 文件

?(
{
    "title":"1",
    "description":"description",
    "site":"site",
    "image_s":"/Becki.jpg",
    "image_l":"aurel"
},
{
    "title":"2",
    "description":"2",
    "site":"1",
    "image_s":"8.jpg",
    "image_l":"aurel"
})

为了克服跨域限制，问号被替换为动态数字。我认为这就是我遇到麻烦的原因

我正在尝试获取两个 image_s，但我只能读取第一个项目的数据(如果这是正确的词):

$.getJSON(surl,  function(data) {
        $.each(data, function(tete, i){
            $.each(data, function(tete, i){
                    $("<div>").addClass("box").append(
                        $("<img/>").attr("src", [this]))
                        ).appendTo("#showdata");
            });

        })
   }); 

我知道 $("<img/>").attr("src", [this])) 有问题但这不是问题。问题是上面的循环只获取到第一项的内容(title:1到最后不是title:2)

我认为如果问号的名称不是动态的我可以从那里完成循环并得到它的 child ，但我不知道在这种情况下该怎么做

如果你需要知道，我不能为这个特定项目使用服务器端编程

你能帮忙吗？

Answer 1

您必须将项目(在 JavaScript 中称为对象)放入数组中:

[
    {
        "title":"1",
        "description":"description",
        "site":"site",
        "image_s":"/Becki.jpg",
        "image_l":"aurel"
    },
    {
        "title":"2",
        "description":"2",
        "site":"1",
        "image_s":"8.jpg",
        "image_l":"aurel"
    }
]

同时改变你的 JS:

$.each(data, function(index, item){
       $("<div>").addClass("box")
           .append($("<img/>").attr("src", [item.image_s]))
           .appendTo("#showdata");
});

运行示例显示在this JSFiddle中.