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