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

jQuery从表中隐藏行

1 个答案: