jQuery的：隐藏/显示其他DIV1内DIV2鼠标悬停

Question

我有这样的事情：

<div id="wrap1"> 
<div id="util1"> 
</div> 
bla bla 
</div> 

<div id="wrap2"> 
<div id="util2"> 
</div> 
bla bla 
</div> 

<div id="wrap3"> 
<div id="util4"> 
</div> 
bla bla 
</div> 

... 

我需要显示“UTIL”的div当光标在“包装”股利和隐藏它回来时，光标离开“包装” DIV

Answer 1

$("div[id^=wrap]").hover(function() { 
    $(this).find("div[id^=util]").show(); 
}, function() { 
    $(this).find("div[id^=util]").hide(); 
}); 

参见：

• http://api.jquery.com/attribute-starts-with-selector/
• http://api.jquery.com/hover/