通过jQuery找到兄弟姐妹的第n个孩子

Question

假设我有两个看起来像这样的表：

TH   TH   TH   TH  
TD   TD   TD   TD  
TD   TD   TD   TD  

和

TH   TH   TH   TH  
TH   TD   TD   TD  
TH   TD   TD   TD  

我想在每个列中选择第3列。

起初我正在使用nth-child：

$('table tr td:nth-child(3)')

但这不会起作用，因为第三个TD在每个表的不同列中。

我在伪代码中需要的是'在每一行中获得第三个TD 或 TH'。

我认为我需要使用$ .siblings但不完全确定。

Answer 1

这对我有用：

$('table tr :nth-child(3)').css('background-color', 'red');

它将第3列的背景颜色设置为“红色”（适用于两个表）。

请注意，tr和:nth-child(3)之间有一个空格，而td前面没有:nth-child(3)。

您可以check out this site获取示例代码并进行试验。

Answer 2

您需要撰写$('table tr *:nth-child(3)')

:nth-child选择器选择父元素的n ^th 子元素，而不管选择器匹配多少兄弟元素。

您（错误地）描述了:eq选择器。