javascript - 访问 $.getJSON 中的对象

Question

因此，我使用 $.getJSON 从 openweathermap API 获取对象。以下是我尝试输入时在控制台中看到的内容:

console.log(data[0])

我想访问“图标”。我尝试过:

data[0]["icon"] and data[0].icon

但是，并没有什么卵用。

有人可以帮助我吗？提前致谢!

$.getJSON

(编辑＃1)这是我的代码:

$.getJSON(weatherlink, function(json1) {
    $.each(json1, function(key, data) {
        // Creating a marker and putting it on the map
        var marker = new MarkerWithLabel({
            position: points,
        labelContent: title,
        labelAnchor: new google.maps.Point(22, 20),
        labelClass: "label",
            // icon: "http://openweathermap.org/img/w/" +data[0]["icon"]+ ".png"
        });
    markersWeather.push(marker);
    marker.setMap(map);
    console.log(data[0]);
    });
})

weatherlink 是一个包含 API 链接的变量。

(编辑#2)
this is how the entire data looks like

(编辑#3)
当我这样做时，它给了我未定义的信息。

Answer 1

从 json1[0] 开始，而不是 data:

var icon;

json1 = [{
  "icon": "04n"
}];

$.each(json1, function() {

  icon = "<img src = http://openweathermap.org/img/w/" + json1[0].icon + ".png>"
});

$('#output').html(icon);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>