jquery下拉问题

Question

确定代码的主要思想

<table>
    <tr>
        <td id="ddFish"></td>
    </tr>
</table>
<div id="ddRegion">
    <div id="North"></div>
</div>
<div id="nec">
    <div id="necArea"></div>
</div>
<div id="area1"></div>

我需要jquery脚本执行以下操作...我不能为我的生活弄清楚

当td #ddFish悬停时，显示#ddRegion。

<＃>当#North悬停时，显示#nec。

当#necArea悬停时，显示＃area1

如果还有其他问题，请告诉我

Answer 1

你可以为每个元素对做：

$('#elementID1').mouseover(function() {
    $('#elementID2').show();
});

或更具活力：

var map = {
    '#ddFish': '#ddRegion',
    '#North': '#nec',
    '#necArea': '#area1'
}

for(var source in map) {
    $(source).mouseover((function(target) {
        return function() {
            $(target).show();
        };
    }(map[source])));
}

工作DEMO - 正如karim所说，你必须将代码添加到ready事件处理程序。