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

时间:2011-10-11 06:05:48

标签: jquery row highlight

我收到了复选框:

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

而且,当我点击它时:

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

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

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

但是不起作用。

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

1 个答案:

答案 0 :(得分:5)

如果你的意思是在当前的一个带复选框之后的下一行,那么定义当前行并获得下一行:

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

如果您需要高亮显示当前的一个:

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