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

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

css-selectors jquery

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 年前

M4N 16 年前

这对我很有用:

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

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

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

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

SLaks 16 年前

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

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

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前