圖片API src成 <img> 用jQuery

Question

我從jquery和json開始，使用OpenWeatherMap的API開發天氣應用。 我正在嘗試傳遞要與img標簽一起顯示的圖標 src。 我了解之前曾有人提出過類似的要求（這是我下面的代碼模型），但是經檢查我沒有看到<img>的變化。

在我看來，我有<img id="icon" src="#"> ，這是我的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);
      });
    });
  }
}); 

Answer 1

$('#icon img').attr('src', iconSrc); 選擇不適合您的示例

您正在嘗試選擇一個具有id圖標#icon的元素的子元素的img元素

僅選擇ID

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

請記住，id應該是唯一的，因此，如果您有多個img標簽來填充使用類，