jQuery'de bir tablo satırı nasıl gizlenir?

Question

Böyle Sınıf üyesiyle satırları gizlemek istediğiniz bu

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

olarak bir tablo var.

böyle bir şey yaptı ama .. çalışma

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

Answer 1

CSS seçicileri gibi jQuery bu

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

seçicileri deneyin, bu yüzden böyle bunları kullanmak gerekir değil .

Sen jQuery selector documentation here göz atabilir, bu yapabileceğiniz ilginç şeyler dolu.

Answer 2

$ ("# headerTable .member").

Answer 3

bir sınıf değil, bir kolon olduğunu belirtmek için CSS kullanacağım bir nokta kullanarak sınıfı belirtin. Kolon jQuery tarafından filtreler için kullanılır. Eğer bir tabloya özgü istemedikçe

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

gayet mı.

Answer 4

find'u da kullanabilirsiniz.

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

Ya sınıfın member tüm satırları (aslında elemanları) gizli olmalıdır eğer

:

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

çalışmalıdır.