如何在 table 中每隔一行隐藏一次？

Question

我有一个典型的 html table，里面有 tr 和 td。我如何使用 Javascript (Tampermonkey) 来隐藏其他 tr？

tr 没有特定的 类。他们只有 tr 属性。

Answer 1

这可能有帮助：

jQuery table styling vs CSS table styling for alternate rows

Answer 2

您可以使用 CSS.

轻松隐藏 table 行

对于奇数行：

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

对于偶数行：

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

Answer 3

试一试：

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。没什么特别的。