使用jquery將圖像源更改爲另一圖像的源

Question

下面的代碼不能工作嗎？

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

它不會更改網站上的東西。 我也嘗試過通過其他圖像的id輸出圖像位置，但它出現空（字面意思是「」）。當我將其他圖像的src輸出到一個帶有innerHTML文本的div框時，它會以未定義的方式出現。

無論哪種方式，它不會更新bigimage的src。

Answer 1

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

Answer 2

document.getElementById('bigimage')不是一個jQuery對象，所以你不能使用jquery函數attr對它。你可以這樣說：

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

，但你也可以使用jQuery選擇器引擎獲得#bigimage：

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