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 事件处理程序。