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

Posted 2023-05-07

按钮在循环内，点击其中一个按钮只能显示或隐藏与其相关一个层，怎么实现，例如：
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的显示与隐藏，

你好！！

不知道解决了没有？

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

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

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

按钮的类型为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

参考技术A 你可以这么写：
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是总共要显示的层数
希望对你有帮助！

怎么用JS控制多个DIV的显示和隐藏问题

参考技术A 用一个全局的变量保存已经显示的div的id或者引用
div隐藏的时候把变量设置为null
点击回复的时候传入要显示的div的id或引用,与变量对比
如果一样,则隐藏对应层,如果不一样,则隐藏原来的层,显示新的层,同时更新全局变量 参考技术B html代码：
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
JQ代码：
$(".div1").show();
$(".div1").siblings("div").hide();