如何使用類名隱藏td元素

Question

<table> 
     <tbody> 
     <tr> 
     <td class="A">More Html element</td> 
     <td class="B">More html element</td> 
     </tr> 
     <tr> 
     <td class="A">More Html element</td> 
     <td class="B">More html element</td>.....(2) 
     </tr> 
     <tbody> 
    <table> 

如何使用jquery我可以隱藏2號元素？

Answer 1

實施例 -

$('td.B').eq(1).hide(); 

使用eq選擇指定的索引。

Demo

Answer 2

$("TABLE TD.b").eq(1).hide();

不過請注意，這可能會導致佈局問題與細胞移動翻過你的表。更好的解決方案是在單元內部有一個容器div，然後隱藏它。

Answer 3

可以allso使用nth-child selector，這樣$('td.B:nth-child(2)').hide();，但我不真的建議更換藏身TD元素，你表可能去「野」在某些情況下，你應該隱藏TD元素的含量（<td class="B"><span class="hideMe">sadsa</span></td>，所以你是jQuery選擇器隱藏看起來像$('td.B:nth-child(2) .hideMe').hide();