Javascript 如何使用attr函数获取图片的src

当用户单击左侧的“假期”图像时，会显示一个较大的副本 它将显示在图像的右侧，带有 “bigimage”div中的“currentimage”id（参见HTML文件）

同时，下面应显示以下内容之一 “当前图像”：“山地度假”、“海洋度假”或“沙漠度假” 取决于选择的图像

这是HTML代码的一部分

<div id="bigimage">
<img id="currentimage" src="http://profperry.com/Classes20/JQuery/ocean.jpg" alt="ocean vacation" width="300" height="225" border="0">
<p id="imagedesc"></p>
</div>

$("img").click(function () 
{
var mySrc = $(this).attr("src");

$("#currentimage").attr("src", mySrc);

$("#imagedesc").html(this.alt); 
});

我也试过了

$("img").click(function () 
{
$("#currentimage").attr("src", this.src);

$("#imagedesc").html(this.alt); 
});

---

但是，当我单击图像时，它的较大副本不会显示在右侧

浏览器不会在更改src后重新加载图像。尝试用旧图像删除旧元素，用新图像src粘贴新元素

---

或者：

您的单击处理程序位于任何

img

上，这意味着

#currentimage

元素是添加此处理程序的唯一元素。然后将

src

设置为它已经存在的

src

相反，您希望将src更改为其他内容。在这里，我设置了一个较小的初始占位符，单击后将其替换为较大的占位符

$（“img”）。单击（函数（）{
这个.src=https://placeimg.com/500/500';
$（“#imagedesc”）.html（this.alt）；
});

我不明白你想做什么。代码当前向图像添加了一个单击处理程序，单击时，将src更改为原来的src。当我这样做并单击图像时，图像就会消失