jquery - 为什么我的 jQuery 选择器不起作用？

Question

我正在编写一个简单的脚本来替换两个图像。第一个可以正常交换，但第二个由于某种原因不会触发。这一定是我所缺少的简单的东西。也许是“div.singleTint img”选择器？有人可以看一下并仔细检查我的工作吗？

这是我的 HTML:

    <div id="beerGlassOverlay">
    <img src="<?php bloginfo('template_directory'); ?>/images/beerOverlay.png" class="glassreplace">
</div>

<li class="image-rollover">
    <a href="http://brasco.co/Mims/meet-the-breweries/miller-beers/" target="_blank">
        <img width="177" height="186" src="http://brasco.co/Mims/wp-content/uploads/2012/05/miller1.png" class="attachment-full wp-post-image" alt="miller" title="miller" />
    </a>
    <div class="singleTint">
        <img width="279" height="524" src="http://brasco.co/Mims/wp-content/uploads/shrekBeer.png" class="attachment-full" alt="shrekBeer" title="shrekBeer" />  
    </div><!-- End singleTint-->
</li> 

这是我的 jQuery:

$('li.image-rollover').mouseover(function() {   
$('img.glassreplace').attr({//Change the src and size info on hover         
    src: ('div.singleTint img', this).src,
    width: '100%',
    height: '100%'
    });
});`

Answer 1

更改此:

src: ('div.singleTint img', this).src,

至:

src: $('div.singleTint img', this).attr('src'),