jquery - 通过 jQuery 查找 sibling 的第 n 个 child

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  

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

起初我是这样使用 nth-child 的:

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

但这行不通，因为第三个 TD 位于每个表的不同列中。

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

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

Answer 1

这对我有用:

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

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

注意，tr和:nth-child(3)之间有一个空格，并且前面没有td :nth-child(3).

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