1

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

我设法隐藏了一个td，但没有隐藏td它下面的其他 2 s。隐藏表格的代码td：

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

5 回答 5

3

给所有相同的列 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>
于 2012-10-01T12:35:37.327 回答
3

您可以使用nth-child选择器来实现这一点，像这样使用它：

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

这将隐藏您的第三列。

于 2012-10-01T12:37:00.447 回答
2

你可以轻松做到：

var i = [your_column_index];
$('td:nth-child(' + i + ')').hide();​
于 2012-10-01T12:37:55.190 回答
1

您可以使用

$(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/演示
（它隐藏了点击的列）

于 2012-10-01T12:38:46.990 回答
0

尝试$("#td_maand").parent().hide();

于 2012-10-01T12:35:06.897 回答