¿Cómo ocultar una fila de la tabla en jQuery?

Question

Tengo una tabla como ésta

  <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> 

Quiero ocultar las filas con miembros de la clase.

he hecho algo como esto pero no funciona ..

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

Answer 1

¡Probar

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

Los selectores de jQuery como selectores CSS, lo que debería ser capaz de utilizarlas como esa .

Puede navegar por el jQuery selector documentation here, está lleno de cosas interesantes que puede hacer.

Answer 2

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

Answer 3

Para especificar una clase usando CSS use un punto para indicar que es una clase, no un punto. jQuery usa los dos puntos para los filtros.

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

Está bien a menos que desee ser específico de una mesa.

Answer 4

También podría usar find.

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

O si todas las filas (elementos, en realidad) con la clase member deben ser ocultados:

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

debería funcionar.