作者HiBackpacker (徒步旅行)
看板Web_Design
标题[问题] 如何用CSS做到动态隐藏部分表格资料列
时间Sun Dec 24 10:53:35 2017
现有一个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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1514084018.A.BE9.html
1F：→ rrr0832: 用for去扫getElementsByTagName，去前十个 12/24 11:18
2F：→ miau: tr:nth-child(n+11) { display: none; } 这样？ 12/24 13:08
3F：→ HiBackpacker: 感恩两位大大提供解答 12/24 14:25
5F：→ miyabichiku: et/k2rzkL3x/1/ 12/27 19:51
6F：推 hijkxyzuw: 未看先猜 :checked + table > tr 12/30 14:28