使用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'));