如何在jQuery中隐藏表行？

Question

我有一个像这样的表

            <table class="headerTable" id="headerTable">
                <tbody>
                    <tr class="hh">
                        <td>test1</td>
                        <td>18,164</td>
                    </tr>
                    <tr class="member">
                        <td>test3</td>
                        <td>24,343</td>
                    </tr>
                </tbody>
            </table>

我想用类成员隐藏行。

我做了类似的事情，但它没有用......

$("#headerTable tbody tr:member").hide();

Answer 1

试试这个

$("#headerTable tbody tr.member").hide();

jQuery中的选择器就像CSS选择器一样，所以你应该可以像这样使用它们。

您可以浏览jQuery selector documentation here，这里有很多有趣的事情。

Answer 2

要使用CSS指定一个类，请使用一个点来表示它是一个类，而不是冒号。 jQuery使用冒号作为过滤器。

$("tr.member").hide();

除非您想要特定于桌子，否则很好。

Answer 3

您也可以使用find。

$('#headerTable').find('.member').hide();

或者如果隐藏了类member的所有行（实际上是元素）：

$('.member').hide();

应该有用。

Answer 4

$（“＃headerTable .member”）。hide（）;