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

看板Web_Design作者 (徒步旅行)時間6年前 (2017/12/24 10:53), 編輯推噓2(2推 0噓 4→)
留言6則, 5人參與, 6年前最新討論串1/1
現有一個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 感謝回答 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.135.208.56 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1514084018.A.BE9.html
→
12/24 11:18, 6年前 , 1F
用for去掃getElementsByTagName，去前十個
12/24 11:18, 1F
→
12/24 13:08, 6年前 , 2F
tr:nth-child(n+11) { display: none; } 這樣？
12/24 13:08, 2F
→
12/24 14:25, 6年前 , 3F
感恩兩位大大提供解答
12/24 14:25, 3F
推
12/27 19:51, 6年前 , 4F
不需要 js或jq，純css就能做到啊 https://jsfiddle.n
12/27 19:51, 4F
→
12/27 19:51, 6年前 , 5F
et/k2rzkL3x/1/
12/27 19:51, 5F
推
12/30 14:28, 6年前 , 6F
未看先猜 :checked + table > tr
12/30 14:28, 6F
‣ 更多 HiBackpacker 的文章
文章代碼(AID): #1QFnQolf (Web_Design)