1

我有一张桌子

<table>
<tr><td>test data 1</td></tr>
<tr><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>

要隐藏表的第二行，我使用以下 css

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

但不适用于所有浏览器。请帮我。提前致谢。

4

5 回答 5

6

使用邻接选择器：

table tr:FIRST-CHILD + tr
{
    display:none;
}
于 2012-08-03T09:06:20.587 回答
5

:nth-child()根本不适用于所有浏览器（主要是 IE），如果你想使用 CSS2 隐藏第二行，你可以添加一个特定的类：

<table>
<tr><td>test data 1</td></tr>
<tr class="row2"><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>

 table tr.row2 {display : none;}
于 2012-08-03T09:05:59.923 回答
2

最好的方法是给它一个类名。

<table>
<tr><td>test data 1</td></tr>
<tr class="hide_me"><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>

进而

.hide_me { display: none; }
于 2012-08-03T09:06:01.933 回答
2

http://jsfiddle.net/p2b8H/1/

使用 Jquery eq(1) 表示，0=> 第一行，1 => 第二行，2=> 第三行 ...等

$(document).ready(function (){
    $('table tr:eq(1)').remove();
})
于 2012-08-03T09:21:08.870 回答
0

不幸的是，:nth-child()旧浏览器不支持类似的选择器。

但是您始终可以使用一个类，例如.invisible {display:none}并将其应用于<tr>您要隐藏的类。

<table>
<tr><td>test data 1</td></tr>
<tr class="invisible"><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>
于 2012-08-03T09:07:06.840 回答