在下面找到一个表格行以突出显示它答案

【问题标题】：Find a table row below to highlight it在下面找到一个表格行以突出显示它
【发布时间】：2011-12-05 00:54:30
【问题描述】：

我有复选框：

<input class="_checkbox" type="checkbox"/>

而且，当我点击它时：

$(function() {
    $('._checkbox').click(function() {
        [..]
    });
});

我需要突出显示复选框下方的表格行。我试过了：

$(function() {
    $('._checkbox').click(function() {
        $(this).siblings("#table_row").css("background-color", "blue");
    });
});

但不起作用。

我想我必须添加一些唯一的 ID，但不知道我应该如何阅读它们，等等。

【问题讨论】：

您能否向我们展示 HTML，以便我们了解您所说的复选框下方的表格行是什么意思。因为根据您提供的内容，您要么拥有无效的 HTML，要么完全以错误的方式做事。

【解决方案1】：

如果您的意思是在当前行之后的下一行带有复选框，则定义当前行并获取下一行：

$(function() {
    $('._checkbox').click(function() {
        $(this).closest('tr').next().css("background-color", "blue");
    });
});

如果您需要突出显示当前的：

$(function() {
    $('._checkbox').click(function() {
        $(this).closest('tr').css("background-color", "blue");
    });
});

【讨论】：