Wie ändere ich das Source-Attribut eines Image-Tags mit jquery onclick? - jquery, image, onclick, Attribute

Ich weiß, das ist eine wirklich einfache Sache, aber ich habe es versuchteinige Lösungen aus anderen Beiträgen und sie schienen veraltet zu sein. Ich habe auch ein Beispiel aus der aktuellen Jquery-API-Dokumentation verwendet und das hat auch nicht funktioniert. Ich arbeite an einer Chrome-Erweiterung mit einer verknüpften JS-Datei. Beim Testen der Onclick-Funktion werden anscheinend keine Fehler oder Meldungen in der Konsole angezeigt, das Image-Attribut scheint sich jedoch nicht zu ändern. Ich weiß, dass die JS-Datei ordnungsgemäß verbunden ist, da ich dasselbe Skript zum Generieren des Headers der Chrome-Erweiterung verwende. Irgendwelche Gedanken? Danke im Voraus.

Antworten:

Laut dem Titel Ihrer Frage ist es wirklich sehr einfach. Ich gehe davon aus, dass Sie etwas anklicken müssen, und die Quelle des Image-Tags sollte geändert werden.

 <div>
<input type="button" id="btnChangeImageSource" value="Change Source">
<img src="/images/" height="100" width="100" id="targetTag">
</div>

Jquery

  $(document).ready(function(){

$("#btnChangeImageSource").click(function(){

$("#targetTag").attr("src","new source ")

});
});