Строка таблицы подсветки jquery, если установлен флажок

Question

Я знаю, как выделить строку таблицы, если я «щелкну» по элементу.

Но когда я открываю страницу, некоторые флажки уже отмечены. Я хочу выделить эти строки, используя jquery, когда страница загружается.

Я дал всем своим флажкам класс "флажков". Вот что я получил до сих пор:

$(document).ready(function(){ 

   if( $('.checkboxes').attr("checked") == true ){ /*not sure how to detect a row*/  }

});

Я не уверен, что положить внутрь.

Самое близкое, что я получил, было разместить это:

$(this).closest('tr').addClass("pinkrow");

Но $(this) явно не обнаруживает.

Answer 1

Вы можете использовать .each() ^{[документы]} и :checked ^{[документы]} псевдо-селектор:

$('tr .checkboxes:checked').each(function() {
    $(this).closest('tr').addClass('pinkrow');
});

Если вы хотите использовать только чистые CSS-селекторы, вы можете проверить, проверяется ли элемент с помощью свойства checked элемента DOM:

$('tr .checkboxes').each(function() {
    if(this.checked) {
        $(this).closest('tr').addClass('pinkrow');
    }
});

Также обратите внимание, что tr .checkboxes выбирает только те элементы .checkboxes, которые находятся в строке таблицы (если есть другие).