jquery - 另一个用 jquery 更改 src 图像并替换 ..？

Question

单击预览类时，我需要将 div 类的 src 更改为大..

<div class="big"> <img src="image_big_1.jpg"> </div>
<div class="preview"> <img src="image_preview_2.jpg"> </div>
<div class="preview"> <img src="image_preview_3.jpg"> </div>

在这种情况下预期的确切结果：

你点击

<div class="preview"> <img src="image_preview_3.jpg"> </div>

和

<div class="big">

src 改变如下：

<div class="big"> <img src="image_big_3.jpg"> </div>

有人帮我解决这个问题，猜它不是到目前为止：

$('.big img').attr('src', $('.preview    img').attr('src').replace(?) );

Answer 1

尝试

$(document).ready(function(){
   $('.preview img').click(function(){
      var preview = $(this).attr('src');
      preview = preview.replace('preview','big');
      $('.big img').attr('src',preview);
   });
});

Answer 2

尝试

jQuery(function($){
    var $bimg = $('.big img');
    $('.preview').click(function(){
        var $img = $(this).find('img');
        $bimg.attr('src', $img.attr('src').replace('preview', 'big');
    })
})