gpt4 book ai didi

html - 使用按钮单击 jquery 显示隐藏多行

转载 作者:行者123 更新时间:2023-12-01 07:23:44 26 4
gpt4 key购买 nike

我有一个像这样的 html 表格

    <html>
<head>
</head>
<body>
<div>
<div>
<table>
<tr></tr> --visible row 1
<tr></tr> --show\hide on click by visible row1
<tr></tr> --show\hide on click by visible row1
</table>
</div>
<div>
<table>
<tr></tr> --visible row 2
<tr></tr> --show\hide on click by visible row2
<tr></tr> --show\hide on click by visible row2
<tr></tr> --show\hide on click by visible row2
</table>
</div>
<div>
<table>
<tr></tr> --visible row 3
<tr></tr> --show\hide on click by visible row3
</table>
</div>
<div>
</body>
</html>

如何通过单击相应的可见行来执行 tr 的显示\隐藏。我见过删除一行下一行的示例,但是如何在可见行的父表中显示隐藏 tr 并隐藏不在第一位置的所有子行。

如果有人可以发布 jquery 函数,我就可以解决这个问题。非常感谢。

最佳答案

不确定页面加载状态,以下将在加载时隐藏每个表格除第一行之外的所有行,并将点击处理程序应用于顶行

$('table').each(function(){
$('tr:first', this) .click(function(){
$(this).siblings().toggle()
})
$('tr:gt(0)', this).hide()
})

演示:http://jsfiddle.net/Rd8PU/

关于html - 使用按钮单击 jquery 显示隐藏多行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11066510/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com