jquery - divprev画像のみを選択

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'));
});​