javascript - 遍历我的表格，我怎么知道复选框是否被选中？

Question

我如何构建我的表:

for (var i = 0; i < result.length; i++) {
    var item = result[i];

    // Firma, BygningselementNavn, BrugerNavn, EmailAdresse, Telefon
    tbody = tbody + '<tr class="modtagerRow"><td>' + item.FirmaNavn + '</td>' +
                                '<td>' + item.BygningselementNavn + '</td>' +
                                '<td>' + item.BrugerNavn + '</td>' +
                                '<td>' + item.EmailAdresse + '</td>' +
                                '<td>' + item.Telefon + '</td>'
    // Medtag
    tbody = tbody + '<td style="text-align:center"><input type="checkbox" 
            value="' + item.BygningselementId + '_' + item.BrugerId + '" 
            name="BygningsElementBrugerComboIds"></td>' + '</tr>';
}
$('#ModtagereTable tbody').append(tbody)

我如何尝试遍历行并将 CSS 类添加到已选中复选框的行。

1) 我将索引发送到控制台，但我无法为所有选中的复选框设置 if 条件。

2) 另外我不确定在添加类 .hideForSendMailConfirm 时我是否可以 $( this ) 或者我应该使用其他东西？

// Looping rows in table
$( ".modtagerRow" ).each(function(index, element) {
    console.log('index: ' + index);
    // if
    if (element.checked) {
        $( this ).addClass(".hideForSendMailConfirm");
    }
});

Answer 1

试试这个

$('.modtagerRow input:checked').closest('tr').addClass('hideForSendMailConfirm');

为未选中的行添加类。你可以使用 .not()

$('.modtagerRow input[type="checkbox"]').not(':checked').closest('tr').addClass('hideForSendMailConfirm');