image API src in <img> mit jquery

Question

Ich beginne mit jquery und json, arbeite an einer Wetter-App mit OpenWeatherMap's API. Ich versuche, ein icon src zu übergeben, um mit einem img-Tag angezeigt zu werden. Ich verstehe, dass etwas analoges schon einmal gefragt wurde (was mein Modell für den unten stehenden Code war), aber ich sehe keine Änderung in bei Inspektion.

Aus meiner Sicht habe ich <img id="icon" src="#">, und das ist mein 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); Auswahl nicht das richtige für Ihr Beispiel ist

Sie ein img Element wählen versuchen, die ein Kind ein Element mit dem ID-Symbol #icon

wählen Sie nur mit der ID

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

Erinnern IDs sollten eindeutig sein. Wenn Sie mehrere IMG-Tags zum Auffüllen haben, verwenden Sie die Klassen