Question

如何使用jQuery隐藏整个表列？

我设法隐藏了一个td，但没有隐藏其下的两个td。隐藏表格td的代码：

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

Answer 1

将所有相同的列tds赋予同一个类，然后$(".columnClass").hide();

e.g。

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

jquery如何显示 - 隐藏表列

5 个答案: