Найдите строку таблицы ниже, чтобы выделить ее

Question

У меня есть флажок:

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

И, когда я нажимаю на него:

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

Мне нужно выделить строку таблицы, которая находится ниже флажка.Я пытался с:

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

Но не работает.

Я думаю, мне придется добавить несколько уникальных идентификаторов, но не знаю, как их читать и т.д..

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