用点击图像的src替换特色图像的src

我正在尝试用.gallery div中点击的任何图像替换页面上的特色图像。 这将在我的网站的多个页面上使用，所以我希望它不知道图库中的图像数量（因为它会有所不同）以及图库中的图像落在哪里。

有没有办法简单地抓住点击图像的src并用它替换另一个图像的src？ 我已经在Stack Overflow上挖掘了一些其他主题，并将基于它们的以下代码拼凑在一起，但它似乎还没有工作。 我是朝着正确的方向前进的吗？

$(".galleryimg").click(function(){ var r1 = $(this).attr("src"); $('#selected-image').attr("src", r1).replace(r1); }); 

Answer 1

这应该工作：

 $(".galleryimg").click(function(){ var r1 = $(this).attr("src"); $('#selected-image').attr("src", r1); }); 

如果没有，则代码或DOM中的其他位置会出现错误。

这是一个简短的演示