[問題] 如何用CSS做到動態隱藏部分表格資料列 HiBackpacker PTT批踢踢實業坊

[問題] 如何用CSS做到動態隱藏部分表格資料列

作者: HiBackpacker (徒步旅行) 2017-12-24 10:53:35

現有一個html網頁內的表格
<table>
<thead>
<tbody>
其中<tbody>內有一百個「<tr><td></td></tr>」
網頁上有一個checkbox
希望能透過CSS + Javascript/jQuery做到
當checkbox打勾時
只顯示前10個「<tr><td></td></tr>」
也就是隱藏後面90個「<tr><td></td></tr>」
註：每個tr和td都不能設定id
感謝回答

作者: rrr0832 (rrr0832) 2017-12-24 11:18:00

用for去掃getElementsByTagName，去前十個

作者: miau (米奧) 2017-12-24 13:08:00

tr:nth-child(n+11) { display: none; } 這樣？

作者: HiBackpacker (徒步旅行) 2017-12-24 14:25:00

感恩兩位大大提供解答

作者: miyabichiku (chiku) 2017-12-27 19:51:00

不需要 js或jq，純css就能做到啊 https://jsfiddle.net/k2rzkL3x/1/

作者: hijkxyzuw (i,j,k) ×(x,y,z) 2017-12-30 14:28:00

未看先猜 :checked + table > tr

繼續閱讀

[問題] 如何啟動ASUS瀏覽器的開發人員工具？rrr0832 [問題] 條件傳值問題jerry7504 [問題] 圖床與 google cloud 流量mikecat84 [徵才] 富達網頁設計公司網頁設計師 (在家工作squall0109 [問題] 瀑布流taxi67 [問題] 有人遇到wix相簿的排序問題嗎lemonrains [問題] C# Web API 2 Thread 執行緒疑問james999 [討論] 個人網站網頁加載模式yorock [問題] wordpress的footer在哪改togs [問題] 如何將短片配上google小姐配音emptyzzz