javascript - 如何检查 html 列是否包含空单元格？

Question

我想检查html表格的某一列的单元格是否被完全填充。 #mf-table 的第 5 列不能保持未填充状态。

我使用以下函数来选择列。效果很好。

$.fn.column = function(i) {
     return $('tr td:nth-child('+(i+1)+')', this);
 }

如果列中有空单元格，我使用以下方法弹出警告。

if ($('#mf-table').column(5).is(":empty")) {      
        toastr.error('Fill empty fields');
    }

这个方法不起作用。谁能告诉我这里出了什么问题吗？

编辑:

我尝试了以下方法。为了测试我的代码，我将第 5 列着色，它工作正常。这里我考虑了整个表格中任何单元格为空的情况

if ($('#mf-table tr td').is(":empty")) {
    $('#mf-table').column(5).css( "background-color", "red" )
}

因此，在上述方法中，如果至少有一个单元格为空，则第 5 列将被着色。我需要帮助来更改此方法以检查第 5 列中是否至少有一个单元格为空。

Answer 1

试试这个:

jQuery('table tr').each(function(){
 if(jQuery(this).children('td:empty').length > 0){
    console.log('Ther is Empty Cell');
 }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
        <tbody>
            <tr>
                <td>20</td>
                <td>20</td>
                <td>20</td>
                <td></td>
            </tr>
        </tbody>
    </table>