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

Question

我尝试使用.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中的其他位置会出现错误。

<强> Here is a brief demo