Jquery selectors 如何通过链接jQuery选择器来选择特定的div

我在一个页面上有10个div，所有div在div中都有相同的类“hoverable”、“contentDescription”和锚定标记。当我将鼠标悬停在锚定标记上时，我希望锚定标记内的图像发生更改。通过使用下面的函数，虽然图像仅针对悬停的div更改，但从firebug.net选项卡中，我可以看到所有div都在尝试加载“orangeLock.gif”。关于如何仅使当前悬停的div加载不同的图标，并使用jQuery对下面的代码进行一些小的更改，您有什么意见吗

    <div onmouseout="hideHover()" onmouseover="showHover(this)" class="relContainer hoverable" style="width: 710px; height: 140px; opacity: 1; display: block; background-color: rgb(255, 255, 255);">
    <div class="thumbContainer"></div>
    <div class="contentDescription">
    <h2><a rel="doNothing" href="">Washington DC<img src="/images/lock.gif" name="a164a428047d96046a22db3373f057340"></a></h2></div>
    </div> 



function showHover(div){ 
       jQuery('.hoverable .contentDescription a').mouseover(function() {        
                   jQuery(this).find('img').attr('src', '/images/orangeLock.gif');
            }).mouseout(function(){
                 jQuery(this).find('img').attr('src', '/images/lock.gif');
            }); 

    }

![trying to load orangelock image][1]

函数showHover（div）{
jQuery（'.hoverable.contentDescription a'）.mouseover（函数（）{
jQuery（this.find（'img'）.attr（'src'，'/images/orangeLock.gif'）；
}).mouseout（函数（）{
jQuery（this.find（'img'）.attr（'src'，'/images/lock.gif'）；
}); 
}
![正在尝试加载orangelock图像][1]

试试看

---

哦，不。它可以工作，但firebug仍然显示它试图加载图像。

function showHover(div){ 
   jQuery('.hoverable .contentDescription a').mouseover(function(ev) {        
               jQuery(ev.target).find('img').attr('src', '/images/orangeLock.gif');
        }).mouseout(function(ev){
             jQuery(ev.target).find('img').attr('src', '/images/lock.gif');
        }); 

}