Beim Ändern einer Bildquelle in die Quelle eines anderen Bildes mit jquery - javascript, jquery, html

Sollte der folgende Code nicht funktionieren?

$(".elastica").click(function(){
document.getElementById("bigimage").attr("src")= $(this).attr("src");
});

Es ändert nichts an der Website. Ich habe auch versucht, den Bildstandort durch die ID des anderen Bildes auszugeben, aber es kommt leer (wörtlich ""). Wenn ich die src des anderen Bildes an eine div-Box mit innerHTML zum Schreiben austausche, erscheint sie als undefiniert.

Wie auch immer, es wird Big-Image's src nicht aktualisieren.

Antworten:

$(".elastica").click(function(){
$("#bigimage").attr("src", $(this).attr("src"));
});

document.getElementById("bigimage") Es ist kein jQuery-Objekt, so dass Sie die jquery-Funktion nicht verwenden können. Sie können es so machen:

$(document.getElementById("bigimage")).attr("src", $(this).attr("src"));

Du kannst aber auch die jquery selector engine verwenden, um #bigimage zu erhalten:

$("#bigimage").attr("src", $(this).attr("src"));