隐藏特定表的第 n 个孩子

【问题标题】：Hiding nth-child of a specific table隐藏特定表的第 n 个孩子
【发布时间】：2019-04-14 17:56:42
【问题描述】：

我在一个页面上有两个表格。如何处理第二个 id="tapp" 来运行显示/隐藏 nth-child 函数？

我无知地尝试通过将 id 引用添加到 'td:nth-child...' 的开头来解决特定表

...
var x = document.getElementById("tatt");
$(x.'td:nth-child(3),th:nth-child(3)').hide();
...

【问题讨论】：

【解决方案1】：

您可以在每个逗号分隔组中的选择器前面加上 id。试试

$('#tatt td:nth-child(3), #tatt th:nth-child(3)').hide();

注意：为什么在你已经有 jQuery 的情况下使用getElementById()？

【讨论】：

对不起，我认为“无知”的评论足以解释 ;)
抱歉，快速跟进：我可以根据而不是 'nth' 隐藏吗？
@sukebe7，在这种情况下，请指定 id，例如 td#math.... 试试 $('#tatt td#math, #tatt th:nth-child(3)').hide();
@sukebe7，还有一件事，我想在 td 中使用 id 可能会产生一些意想不到的结果。相反，您应该使用 class 来识别多个元素....
我能够动态构建按钮以及 PHP 生成的表格。到目前为止，第 n 种方法正在起作用。但是，我应该稍后用你的建议来证明它的未来。 - 谢谢。

【解决方案2】：

类似

$('#tatt').find('td:nth-child(3), th:nth-child(3)').hide();

或

$('#tatt td:nth-child(3), #tatt th:nth-child(3)').hide();

（顺便说一句，如果您使用 jQuery 进行 DOM 操作，实际上也不需要调用 findElementById 方法。只要坚持使用 $(/*selector*/)。

【讨论】：