Comment masquer une ligne de table dans jQuery?

Question

J'ai une table comme celle-

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

Je veux cacher les lignes avec membre de la classe.

je fait quelque chose comme ça, mais il ne fonctionne pas ..

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

Answer 1

Essayez cette

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

Les sélecteurs jQuery comme sélecteurs CSS, vous devriez donc être en mesure de les utiliser comme ça .

Vous pouvez parcourir le jQuery selector documentation here, il est plein de choses intéressantes que vous pouvez faire. .

Answer 2

$ ("# headerTable .member") se cachent();

Answer 3

Pour spécifier une classe en utilisant l'utilisation CSS un point pour signifier qu'il est une classe, pas deux points. Le signe deux-points est utilisé par jQuery pour les filtres.

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

Est très bien, sauf si vous voulez être spécifique à une table.

Answer 4

Vous pouvez également utiliser find.

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

Ou si toutes les lignes (éléments, en fait) avec la classe member doivent être cachés:

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

devrait fonctionner.