用JavaScript隐藏特定的HTML表格单元格

我发现了其他一些问题，通过这些问题我学会了如何隐藏第一行和使用第一行的第一个单元格;用JavaScript隐藏特定的HTML表格单元格

$('table#truetable tr:first').hide();

和

$('table#truetable td:first').hide();

但是，如果我想隐藏例如使用这种方法的第二行的第一个单元格是什么？

来源

2012-06-30 Val Kalinic

$('#truetable tr:eq(1) td:first').hide();

:eq docs

jQuery(':eq(index)')

指数从零开始
元素的索引相匹配。

来源

2012-06-30 20:02:27 gdoron

值得一提的是（我打算发布一个单独的答案，但似乎不值得不必要的重复），用'hide（）'[它会扰乱桌子的视觉表现]（http://jsfiddle.net/davidThomas/WGSDb/），所以使用['addClass（）']（http://jsfiddle.net/davidThomas/WGSDb/1/）或['css（） ']（http://jsfiddle.net/davidThomas/WGSDb/2/）来达到所需的结果。 –

@DavidThomas。 +1。一个很好的评论。但也许这是OP实际需要的输出。 – gdoron

有这种可能性，是啊=）（谢谢你！） –

$('table#truetable tr:eq(1) td:first-child').hide();

来源

2012-06-30 20:02:20 Utkanos

出于好奇，为什么你使用'索引：eq'和'：第一-child'？如果您已经使用'：eq'，那么您不再使用它？ – gdoron

没有理由，特别是:) – Utkanos

那里有一个CSS选择这样的：

:nth-child(N)

N为孩子+1的选择

来源

2012-06-30 20:02:55 Luka

用JavaScript隐藏特定的HTML表格单元格

回答

相关问题