Come nascondere una riga della tabella in jQuery?

Question

Ho una tabella come questa

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

voglio nascondere le righe con membro della classe.

ho fatto qualcosa di simile, ma non funziona ..

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

Answer 1

Prova questo

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

I selettori di jQuery come selettori CSS, così si dovrebbe essere in grado di usarli come quello .

È possibile sfogliare lo jQuery selector documentation here, è pieno di cose interessanti che si possono fare.

Answer 2

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

Answer 3

Per specificare una classe utilizzando CSS, utilizzare un punto per indicare che si tratta di una classe, non di due punti. I due punti vengono utilizzati da jQuery per i filtri.

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

Va bene a meno che non si voglia essere specifici di un tavolo.

Answer 4

È inoltre possibile utilizzare find.

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

O se tutte le righe (elementi, in realtà) con classe di member devono essere nascosti:

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

dovrebbe funzionare.