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

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");
    });
});