找到下面的表格行以突出显示它

Question

我得到了复选框：

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

并且，当我单击它时：

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

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

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

但不起作用。

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

Answer 1

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

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

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

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