Question

我试图循环json结构并通过他们拥有的标签组织不同div中的图像，但我只能按顺序吐出每个键值对。我可以帮忙吗？

data = {
-JkDpUSlAjzp0UMsVT-s: {
image: "http://res.abc.png",
color: "red",
shape: "round"
},
-JkDwAdq19sbNrrUIsz9: {
image: "http://res.def.png",
color: "green",
shape: "square"
},
-JkEmoK59OOpFpPrPnM4: {
image: "http://ghi.png",
color: "red",
shape: "square"
}
}

$.each(data, function() {
    $.each(this, function(key, value) {

        console.log(key + " " + value); // works

            // trying to do something like this
            if(key.color == red){
                $('.div1').append('<img src="' + key.image + '">');
            }
            if(key.shape == square){
                $('.div2').append('<img src="' + key.image + '">');
            }

    });
});

Answer 1

我可能忽略了你的问题，但为什么不简化你所要做的......

$.each(data, function() {
  if (this['color'] === 'red') {
    // Do stuff...
  }
  if (this['shape'] === 'square') {
    // Do stuff...
  }
});

换句话说，您只需要迭代外部集合（而不是键值对）。

循环对象时如何有条件地使用数据

1 个答案: