如何在jQuery中隐藏表行？

我有一张这样的桌子

 
 
 
test1
 
18,164
 
 
 
test3
 
24,343
 
 
  

我想用类成员隐藏行。

我做了这样的事情，但它不起作用..

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

Answer 1

试试这个

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

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

你可以在这里浏览jQuery选择器文档 ，它包含了你可以做的有趣的事情。

Answer 2

要使用CSS指定类，请使用点来表示它是类，而不是冒号。 jQuery使用冒号来filter。

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

除非你想特定于一张桌子，否则很好。

Answer 3

你也可以使用find 。

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

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

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

应该管用。

Answer 4

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