如何检查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> 

Answer 2

尝试改用此函数（ 从此处复制）：

function isEmpty( el ){
  return !$.trim(el.html())
}