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

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