Javascript 将API src镜像到<；img>；使用jquery

我从jquery和json开始，使用OpenWeatherMap的API开发一个天气应用程序。我正在尝试传递一个src以显示一个img标记。我知道以前有人问过类似的问题（这是我下面代码的模型），但我没有看到

中的变化，这是我的jquery：

$(document).ready(function() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      var lati = position.coords.latitude;
      var longi = position.coords.longitude;
      var address = "http://api.openweathermap.org/data/2.5/weather?lat=" + lati +"&lon=" + longi + "&APPID=****";

      $.getJSON(address, function(json) {
        var iconSrc = "http://openweathermap.org/img/w/" +json.weather.icon +".png";
        $('#icon img').attr('src', iconSrc);
      });
    });
  }
}); 

$（'icon img'）.attr（'src'，iconSrc）选择不适合您的示例

您正在尝试选择一个
img
元素，该元素是id为icon的元素的子元素
#icon

仅使用id选择

$('#icon').attr('src', iconSrc);

请记住id应该是唯一的，因此如果要填充多个img标记，请使用类
$（“#icon img”）.attr（'src'，iconrc）选择不适合您的示例

您正在尝试选择一个
img
元素，该元素是id为icon的元素的子元素
#icon

仅使用id选择

$('#icon').attr('src', iconSrc);

记住id应该是唯一的，所以如果您有多个img标记来填充，请使用类