Javascript 如何用单击的图像替换图像src attr？jQuery

我有一张图片在四张较小的图片上面。当用户单击其中一个较小的图像时，较小的图像取代较大的图像。但仍然保留在原来的位置。我想我已经接近解决这个问题了，但我需要帮助

HTML

尝试使用

$（这个）。

$（'.small image img'）。最近（'.col-md-4'）。单击（函数（）{
var newimage=（$（this）.closest（'.col-md-4'）.find（'img'）.attr（'src'））；
console.log（newimage）
$（'.large image img'）.attr（'src'，newimage）；
});



试试
$（这个）。


$（'.small image img'）。最近（'.col-md-4'）。单击（函数（）{
var newimage=（$（this）.closest（'.col-md-4'）.find（'img'）.attr（'src'））；
console.log（newimage）
$（'.large image img'）.attr（'src'，newimage）；
});



在单击处理程序中，“this”关键字将引用.col-md-4 div。因此，记住以下操作：

$('.small-image img').closest('.col-md-4').click(function(){
    var newimage = ($(this).find('img').attr('src'));
   $('.large-image img').attr('src', newimage); 
});

在单击处理程序中，“this”关键字将引用.col-md-4 div。因此，记住以下内容：

$('.small-image img').closest('.col-md-4').click(function(){
    var newimage = ($(this).find('img').attr('src'));
   $('.large-image img').attr('src', newimage); 
});

这里有什么问题吗？这里有什么问题吗？哇…四个小时的睡眠没用。谢谢你的帮助！在您的修复程序中，`$（this）.closest（'.col-md-4'）`最近的部分不正确。在这个处理程序中，$（this）已经引用了点击的“.col-md-4”元素。哇……四个小时的睡眠没有帮助。谢谢你的帮助！在您的修复程序中，`$（this）.closest（'.col-md-4'）`最近的部分不正确。在此处理程序中，$（this）已引用已单击的“.col-md-4”元素。
$('.small-image img').closest('.col-md-4').click(function(){
    var newimage = ($(this).find('img').attr('src'));
   $('.large-image img').attr('src', newimage); 
});