如何隐藏表中的每一行？

Question

我有一个典型的html表，里面有tr和td。如何使用Javascript（Tampermonkey）隐藏其他tr？

没有具体的课程。它们只有tr属性。

Answer 1

您可以使用CSS轻松隐藏表格行。

对于奇数行：

tr:nth-child(odd) {display: none;}

对于偶数行：

tr:nth-child(even) {display: none;}

Answer 2

试一试：

var rows = document.querySelectorAll('tr:nth-child(odd)'); /* or even */
for(var r = 0; r < rows.length; r++){
    rows[r].style.display = 'none';
}

基本上找到所有奇数（或偶数）行并将其display属性设置为none。

Tampermonkey只是注入了香草JavaScript。没什么特别的。

Answer 3

这可能有所帮助 - 只需用display：none

交换背景颜色

jquery table styling vs css table styling for alternate rows