[问题] 如何用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