2012-10-31 40 views
1

我有以下的代码,将鼠标悬停在拇指形象改变了全尺寸的图像 -选择DIV一张图片只

<script type="text/javascript"> 
    $('.thumbimage a img').on('hover',function(){ 
      $('.fullsizeimage a img').attr('src',$(this).attr('src')); 
     }); 
</script> 

我该如何设置它,以便它只会改变它上面的全尺寸图像,并其他全尺寸图片?

我试过,没有运气以下:

<script type="text/javascript"> 
     $('.thumbimage a img').on('hover',function(){ 
      $('.thumbimage a img').prev('.fullsizeimage a img').attr('src',$(this).attr('src')); 
     }); 
     </script> 

http://jsfiddle.net/CUZBa/19/

回答

1

貌似row是父元素。

$('.thumbimage a img').on('click hover', function() { 
    $(this).parents('.row').find('.fullsizeimage img').attr('src', $(this).attr('src')); 
});​ 
0

.prev()将穿越元素,而不是它的祖先的兄弟姐妹..

可以使用.closest()在这种情况下

试试这个

$('.thumbimage a img').on('click hover', function() { 
    $(this).closest('.row').find('.fullsizeimage img').attr('src', $(this).attr('src')); 
});​