html5点击显示展开列表,HTML5 - 如何折叠和展开复杂的表格元素
生活随笔
收集整理的這篇文章主要介紹了
html5点击显示展开列表,HTML5 - 如何折叠和展开复杂的表格元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
您好,我需要一個表中的展開和折疊功能。最常見的代碼是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
當你有足夠的信譽時,你可以編輯標簽。 –
總結
以上是生活随笔為你收集整理的html5点击显示展开列表,HTML5 - 如何折叠和展开复杂的表格元素的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: tomcat android https
- 下一篇: html5语义元素表,HTML5的结构和