Как скрыть строку таблицы в 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(); 

селекторы в CSS JQuery, как селекторы, так что вы должны быть в состоянии использовать их как то ,

Вы можете просматривать jQuery selector documentation here, здесь полно интересных вещей, которые вы можете сделать.

Answer 2

$ ("# headerTable .member"). Hide();

Answer 3

Чтобы указать класс с использованием CSS, используйте точку, чтобы обозначить, что это класс, а не двоеточие. Двоеточие используется jQuery для фильтров.

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

Просто отлично, если вы не хотите быть конкретным для таблицы.

Answer 4

Вы также можете использовать find.

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

Или, если все строки (элементы, на самом деле) с классом member должны быть скрыты:

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

должен работать.