Javascript 使用jquery将一个图像源更改为另一个图像源

Javascript 使用jquery将一个图像源更改为另一个图像源,javascript,jquery,html,Javascript,Jquery,Html,以下代码是否应该不起作用 $('.elastica').click(function(){ document.getElementById('bigimage').attr('src')= $(this).attr('src'); }); 它不会改变网站上的任何东西。 我也尝试过通过另一个图像的id输出图像位置,但结果是空的(字面上是“”)。当我将另一个图像的src输出到带有innerHTML的div框中进行文本处理时,它显示为未定义 无论如何,它都不会更新bigimage的src。文

以下代码是否应该不起作用

$('.elastica').click(function(){
    document.getElementById('bigimage').attr('src')= $(this).attr('src');
});
它不会改变网站上的任何东西。 我也尝试过通过另一个图像的id输出图像位置,但结果是空的(字面上是“”)。当我将另一个图像的src输出到带有innerHTML的div框中进行文本处理时,它显示为未定义


无论如何,它都不会更新bigimage的src。

文档。getElementById('bigimage')
不是jQuery对象,因此不能对其使用jQuery函数attr。您可以这样做:

$('.elastica').click(function(){
    $('#bigimage').attr('src', $(this).attr('src'));
});
$(document.getElementById('bigimage')).attr('src', $(this).attr('src'));
但您也可以使用jquery选择器引擎获取#bigimage:

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

document.getElementById('bigimage')
不是jQuery对象,因此不能对其使用jQuery函数attr。您可以这样做:

$(document.getElementById('bigimage')).attr('src', $(this).attr('src'));
但您也可以使用jquery选择器引擎获取#bigimage:

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

您应该一直使用jQuery:$('#bigimage').attr('src',$(this.attr('src'));谢谢,就这样,如果允许的话,我会接受你的回答。我希望我能选择你两次,因为答案很快!只有一个问题$(this).attr('src')是一个锚点,它没有src。为了解决这个问题,我使用了$(this.find('img').attr('src');Nirmal,你应该编辑你的代码,以免把来这里寻找答案的人弄糊涂。您正在使用的锚点没有src属性。@serv bot 22:您的问题没有提到click函数应用于哪个元素。onclick事件甚至可以应用于图像。只要你不改变问题,我就留下答案。要参考锚内
img
元素的
src
,你可以使用
$(“img”,this).attr(“src”)。第二个参数
this
将告诉jQuery应该在哪个上下文中搜索img元素。您应该一直使用jQuery:$('bigimage').attr('src',$(this.attr('src'));谢谢,就这样,如果允许的话,我会接受你的回答。我希望我能选择你两次,因为答案很快!只有一个问题$(this).attr('src')是一个锚点,它没有src。为了解决这个问题,我使用了$(this.find('img').attr('src');Nirmal,你应该编辑你的代码,以免把来这里寻找答案的人弄糊涂。您正在使用的锚点没有src属性。@serv bot 22:您的问题没有提到click函数应用于哪个元素。onclick事件甚至可以应用于图像。只要你不改变问题,我就留下答案。要参考锚内
img
元素的
src
,你可以使用
$(“img”,this).attr(“src”)。第二个参数
this
将告诉jQuery应该在哪个上下文中搜索img元素。我自己刚刚计算出来。我用的是锚,没有src。为了解决这个问题,我使用了$(this.find('img').attr('src');我只是自己想出来的。我用的是锚,没有src。为了解决这个问题,我使用了$(this.find('img').attr('src');