Jquery父母不为多个div工作

Question

我试图隐藏表格的父div，表格中未选中所有复选框

我的jquery看起来像

    $('table.result_grid tbody')
    .filter(function() {
     allChecked = false;
     $(this).find(':checkbox')
                        .each(function(index) {
                            allChecked = allChecked || $(this)[0].checked;
                        })
     return !allChecked;
 })
 .parents('div:eq(1)')
 .hide()

如果我只有一个tbody，上面的代码可以工作，但如果我有一个以上的tbody则失败。 我不确定这样做的正确方法。

Answer 1

你必须遍历所有元素并在那里隐藏他们的父母。

$('table.result_grid tbody')
.filter(function() {
    allChecked = false;
    $(this).find(':checkbox')
    .each(function(index) {
         allChecked = allChecked || $(this)[0].checked;
    })
    return !allChecked;
}).each(function () {
    $(this).parents('div').hide();
});