代码之家 › 专栏 › 技术社区 › DA.

通过jquery查找兄弟姐妹的第n个子代

css-selectors jquery

1

DA. · 技术社区 · 16 年前

假设我有两张这样的桌子:

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

和

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

我想在每一列中选择第三列。

起初我是这样使用第n个孩子的:

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

但这不会奏效,因为第三个td在每个表的不同列中。

伪代码中我需要的是“获取第三个TD” 或每行第个。

我想我需要使用$兄弟姐妹,但不完全确定。

2 回复 | 直到 15 年前

1

6

M4N 16 年前

这对我很有用:

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

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

请注意,在 tr 和 :nth-child(3) 没有 td 在前面 第n个孩子(3) .

你可以 check out this site 用于示例代码和实验。

2

SLaks 16 年前

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

这个 :nth-child 选择器选择n ^钍其父级的子级,无论选择器匹配多少个兄弟级。

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