您好,我需要一个表中的展开和折叠功能。最常见的代码是for,然后在js中为这个tr类定义一个函数。
但是我的情况比图片更复杂。单击“参数1”后,它将展开并显示合并的单元格和2个单元格。
那么在这种情况下,我该如何实现这个功能呢?提前致谢。
附件为表为测试一个简单的片断:
https://jsfiddle.net/knspgwkq/
HTML的测试表
<table width="200" border="1">
<tr>
<td rowspan="5">Summary 1</td>
<td colspan="2"><div align="center">1 st level</div></td>
</tr>
<tr>
<td colspan="2"><div class="P1">Parameter 1</div></td>
</tr>
<tr>
<td rowspan="2">Sub level-1 </td>
<td>Sub parameter (1)</td>
</tr>
<tr>
<td>Sub parameter (2)</td>
</tr>
<tr>
<td colspan="2"><div class="P2">Parameter 2</div></td>
</tr>
</table>
JS
$('.P1').click(function(){
$(this).find('span').text(function(_, value){return value=='-'?'+':'-'});
$(this).nextUntil('.P2').slideToggle(100, function(){
});
});
嗨@ jcubic,我可以知道你已编辑? –
他添加了标签“jquery” – phts
当你有足够的信誉时,你可以编辑标签。 – jcubic