クラス名を使用して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を使用してください。これは、細胞があなたのテーブルaccross移動するとレイアウトの問題を引き起こす可能性があることしかし

Demo

Answer 2

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

注意、。より良い解決策は、セルの内側にコンテナdivを置き、それを隠すことです。

、あなたがallsoこの $('td.B:nth-child(2)').hide();のように、 nth-child selectorを使用できますが、テーブルにはいくつかのケースでは「野生」を行くかもしれない、あなたはtd要素（ <td class="B"><span class="hideMe">sadsa</span></td>の内容を非表示にするだと私は本当にTD要素を隠してお勧めしません

Answer 3

だからあなたはjqueryのセレクタのように見えるだろう$('td.B:nth-child(2) .hideMe').hide();