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

[HiBackpacker (徒步旅行)]

現有一個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
→ rrr0832: 用for去掃getElementsByTagName，去前十個
→ miau: tr:nth-child(n+11) { display: none; } 這樣？
→ HiBackpacker: 感恩兩位大大提供解答
推 miyabichiku: 不需要 js或jq，純css就能做到啊 https://jsfiddle.n
→ miyabichiku: et/k2rzkL3x/1/
推 hijkxyzuw: 未看先猜 :checked + table > tr