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