html5点击显示展开列表,HTML5 - 如何折叠和展开复杂的表格元素

这篇博客探讨了一个更复杂的HTML表格展开和折叠功能的实现。作者提到,当点击‘参数1’时,期望展开的行不仅包含一个单元格,而是合并的单元格和两个子参数单元格。提供的JS代码片段展示了使用jQuery来切换tr元素的可见性,但不完全适用于作者的需求。寻求进一步的帮助来完善这个功能。
摘要由CSDN通过智能技术生成

您好,我需要一个表中的展开和折叠功能。最常见的代码是for,然后在js中为这个tr类定义一个函数。

但是我的情况比图片更复杂。单击“参数1”后,它将展开并显示合并的单元格和2个单元格。

那么在这种情况下,我该如何实现这个功能呢?提前致谢。

附件为表为测试一个简单的片断:

HTML的测试表

Summary 1
1 st level
Parameter 1
Sub level-1 Sub parameter (1)
Sub parameter (2)
Parameter 2

JS

$('.P1').click(function(){

$(this).find('span').text(function(_, value){return value=='-'?'+':'-'});

$(this).nextUntil('.P2').slideToggle(100, function(){

});

});

2015-12-16

Héléna

+0

嗨@ jcubic,我可以知道你已编辑? –

+0

他添加了标签“jquery” –

+0

当你有足够的信誉时,你可以编辑标签。 –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值