jquery - 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，则可以将类添加到要隐藏的行中，并根据该类进行选择。