jQuery 隐藏表中的行

Question

我是 jQuery 的新手，我正在尝试隐藏像这样的表中的行:

<table border="1" width="100%" id="table1">
        <tr>
            <td style="text-align: center">
            First Row   
            </td>
        </tr>

        <tr>
            <td style="text-align: center">
            Second row  
            </td>
        </tr>
        <tr>
            <td style="text-align: center">
            Thrid row   
            </td>
        </tr>
</table>

我试图隐藏表格中的第一行和第三行，我该怎么做？我正在尝试，但无法用这段代码实现我的目标:

$('#table1 tr').hide()

Answer 1

有很多方法可以做到这一点。这是一个:

$("#table1 tr:even").hide();

请注意，行索引是从零开始的，因此第一行和第三行是“偶数”。当然，这会隐藏所有偶数行，但您的示例只有三行。

通过(从零开始的)索引显式定位各个行:

var $rows = $("#table1 tr");
$rows.eq(0).hide();
$rows.eq(2).hide();

或者，如果您可以控制 html，则可以将类添加到您想要隐藏的行并根据该类进行选择。