javascript - jqueryで表の列を表示/非表示にする方法

Question

jQueryでテーブル列全体を非表示にするにはどうすればよいですか?

1 つの を非表示にすることができましたが、その下tdの他の 2 は非表示にできませんでしたtd。テーブルを非表示にするコードtd:

$("#td_maand").hide(); 

Answer 1

すべての同じ列 tds に同じクラスを与えてから、$(".columnClass").hide();

例えば

<tr><td class="firstcolumn"></td><td class="secondcolumn"></td></tr>
<tr><td class="firstcolumn"></td><td class="secondcolumn"></td></tr>
<tr><td class="firstcolumn"></td><td class="secondcolumn"></td></tr>
<script>$(".firstcolumn").hide();</script>

Answer 2

nth-childセレクターを使用してそれを実現できます。次のように使用します。

$('#yourtable tr td:nth-child(3)').hide();

これにより、3 番目の列が非表示になります。

Answer 3

簡単にできます：

var i = [your_column_index];
$('td:nth-child(' + i + ')').hide();​

Answer 4

使用できます

$(this) // assuming this points to a td
  .closest('tbody') // find closest tbody (container)
  .find('> tr > td:nth-child('+$(this).index()+')') // find all td in the same column
  .hide(); // hide them

http://jsfiddle.net/jFv6d/のデモ
(クリックした列を非表示にします)

Answer 5

試す$("#td_maand").parent().hide();