javascript - 如何查找表中特定列的相邻td

Question

我正在尝试使用 jQuery 控制表的特定列。

我想选择第 5 列中包含的下一个或上一个 td(例如，从第二个开始)，并更改相邻的相关文本或 css 属性。

$(document).ready(function() {
$('table.pl_res_game tr td:nth-child(5)').eq(0).addClass('change');

该列可以包含 3 个或超过 100 个 td。我尝试使用 next() 和 previous 方法

$('table.pl_res_game tr td:nth-child(5)').eq(0).next();

但我无法选择相邻的。

这是示例: FIDDLE

Answer 1

I would like to select all td contained in the column number 5

在这种情况下，您只需从当前代码中删除 eq(0)，因为这会将选择限制为找到的第一个 td:

$('table.pl_res_game tr td:nth-child(5)').addClass('change');

Example fiddle

<小时/>

I would like to select the next or the previous td

在本例中，使用 prev() 和 next() 来查找它:

var $td = $('table.pl_res_game tr td:eq(1)');
$td.next().add($td.prev()).addClass('direct-sibling');

Example fiddle