Question

jquery如何控制循环里面的层的显示与隐藏

按钮在循环内，点击其中一个按钮只能显示或隐藏与其相关一个层，怎么实现，例如：
do whil not rs.eof
<input name="Submit" type="submit">
<div></div>
rs.rs.movenext
rs.loop
循环后得到
按钮1
层1
按钮2
层2
。
。
。
按钮N
层N
点击按钮2只控制层2的显示与隐藏，

Answer 1

你好！！

不知道解决了没有？

你是想要循环中的按钮控制紧随其后的这个div吧。

其实这个问题很容易实现，但是先说说你代码中的几个问题：

1. 需要在循环外部，添加一个父元素，通过这个父元素控制里面的按钮和div；

2. 按钮的类型为submit，最好更改为button；

下面是代码：

//假设你的代码是这样，你这是asp还是什么的？
<div id="loop">
do whil not rs.eof
<input name="Submit" type="button">
<div></div>
rs.rs.movenext
rs.loop
</div>

<script>
    $(function(){
        $("#loop :button").click(function(){
            $(this).next("div").toggle();
        });
    });
</script>

 

希望对你有帮助！！

追问

首先谢谢各位的热心帮助，可能是我描述不够清楚，想把代码粘过来，字数超了，能加我Q Q吗？2246512300

Answer 2

你可以这么写：
function setTab(name,cursel,n){
for(var i=1;i<=n;i++){
var menu=document.getElementById(name+i); //按钮序号ID
var con=document.getElementById("con_"+name+"_"+i); //层ID
menu.className=i==cursel?"on":""; //是否显示按钮
con.style.display=i==cursel?"block":"none"; //是否显示层
}
}
这个函数中：name是 按钮的名字、cursel是要显示的层序号、n是总共要显示的层数
希望对你有帮助！