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

时间:2010-03-15 22:05:01

标签: jquery css-selectors

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

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但不完全确定。

2 个答案:

答案 0 :(得分:6)

这对我有用:

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

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

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

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

答案 1 :(得分:2)

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

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

您(错误地)描述了:eq选择器。