jquery：在mouseover上的其他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>

...

当光标位于“wrap” div上时，我需要显示“util” div，并在光标离开“wrap”时隐藏它/ strong> 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/