Question

我有以下代码，通过将鼠标悬停在拇指图像上来更改全尺寸图像 -

<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/

Answer 1

看起来row是父元素。

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

Answer 2

.prev()将遍历元素的兄弟姐妹，而不是其祖先......

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

试试这个

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

仅选择div prev image

2 个答案: