0

プレビュー クラスをクリックすると、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(?) );
4

2 に答える 2

1

試す

$(document).ready(function(){
   $('.preview img').click(function(){
      var preview = $(this).attr('src');
      preview = preview.replace('preview','big');
      $('.big img').attr('src',preview);
   });
});
于 2013-11-13T15:10:55.807 に答える
0

試す

jQuery(function($){
    var $bimg = $('.big img');
    $('.preview').click(function(){
        var $img = $(this).find('img');
        $bimg.attr('src', $img.attr('src').replace('preview', 'big');
    })
})
于 2013-11-13T15:06:09.767 に答える