jQuery如何顯示隱藏表列

Question

如何使用jQuery隱藏整個表格列？

我設法隱藏了一個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();

這將隱藏您的第三列。

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();