使用jquery隐藏表的列/td

如何使用jquery隐藏表的列

< table >
  < tr >
   < td id="td_1" >name</ td >
   < td id="td_2" >title</ td >
   < td id="td_3" >desc</ td >
  </ tr >
  < tr >
   < td id="td_1" >Dave</ td >
   < td id="td_2" >WEB DEV</ td >
   < td id="td_3" >Blah Blah</ td >
  < /tr >
  < tr >
   < td id="td_1" >Nick< /td >
   < td id="td_2" >SEO< /td >
   < td id="td_3" >Blah Blah and blah< /td >
  < /tr >
< /table >

名称
标题
描述

戴夫
网络开发
诸如此类

尼克
搜索引擎优化
诸如此类的废话

因此，假设有人想从所有行中隐藏第一列，即td_1，那么代码是什么

提前谢谢 戴夫

但理想情况下，您希望使用类而不是ID

所以

所以唯一改变的是散列（#）变成了点（）。哈希表示ID，点表示类

另一种方法是使用选择器。

$(document).ready(function() {
    $('tr td:nth-child(1)').hide();
});

其中1是要隐藏的列编号

---

HTH

在某些情况下，用户使用

th

作为表头，您可以使用此脚本作为隐藏列的

th

$('#test').click(function() {
    $('th:nth-child(2), tr td:nth-child(2)').hide();
})

$（“#测试”）。单击（函数（）{
$（'th:nth child（2），tr td:nth child（2）'）.hide（）；
})

名称
标题
描述
戴夫
网络开发
废话
刻痕
搜索引擎优化
诸如此类
隐藏标题

感谢gr8的创意，我会在其他地方使用它。但我忘了提到这些列是动态的，它们的id是递增的。那么如何动态地应用css呢。Thanksjquery非常支持css选择器。您可以编写类似$（'trtd:nth child（1）'）的选择器来选择列。。。我本来想提的，但你抢先说了：）+1那些jquery的家伙都是天才！John Resig是Javascript的爱因斯坦。。。甚至不需要身份证的幻想$（'tr td:nth child（n）'），其中n是列号。此外，如果我们帮助您解决问题，请接受回答。

$(document).ready(function() {
    $(".td_1").hide()
});

$(document).ready(function() {
    $('tr td:nth-child(1)').hide();
});

$('#test').click(function() {
    $('th:nth-child(2), tr td:nth-child(2)').hide();
})