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/