Question

Jquery 如何在hover事件中遍历显示不同div层

在一个ID为zxqyzrz的DIV层中嵌套了3个内部层，想通过3个文字链接的来显示不同层，请问如何通过jquery来遍历整个层，并且可以实现对应层的隐藏与显示。

<div id="zxqyzrz">
<div>Layer 1</div>
<div>Layer 2</div>
<div>Layer 3</div>
</div>
显示层1 显示层2 显示层3

代码只会写到这，也不知道对不对，再往下不知道怎么写了。
$("zxqyzrz").hover(
function(){
var d = $("zxqyzrz");
$(d).each(function()
{

}
}
);

Answer 1

不知道你的文字链接在哪里，假设你的面板有三个，对于的文字链接也有三个，它们一一对应，那么就是鼠标移动到第一个连接上第一个面板显示。
这样的话你可以设置一个index，通过鼠标的mouseover可以确定是第几个连接，然后传递index可以确定是第几个面板需要显示。
$("链接").each(function(index)) {
$(this).mouseover(function() {
$("#zxqyzrz > div").hide(); //先将所有的面板隐藏
$("#zxqyzrz > div").eq(index).show(); //然后显示你需要的面版
})

}

你明白了吗？

追问

链接是不是指最外层div的id("zxqyzrz ")?
还是指 显示层1 显示层2 显示层3 的这几个链接？

Answer 2

$(function() {
$('#zxqyzrz').find('你的按键').each(function(index, element) {
$(this).click(function() {
$('#zxqyzrz').find('div').css('display','none');
$('#zxqyzrz').find('div').eq(index).css('display','block');
});
});
});

采纳是种美德 记得采纳哦

追问

不用管是不是Hover事件？？
“你的按键”是指什么？

追答

好吧 就是你的“想通过3个文字链接”你把click改成hover就行了
把$('#zxqyzrz').find('你的按键')
改成$("你的链接").