How to check whether a html column contains empty cells?

Question

I want to check whether a cells of a certain column of a html table is filled completely. The 5th column of the #mf-table could not be kept unfilled.

I used following function to select the column. It works fine.

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

I used the following method to pop up a warning if column has empty cells.

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

This method does not working. Can any one tell what is wrong here?

edit:

I tried following method. In order to test my code I colored the column 5 and it works fine. Here I have considered a situation where any of the cell is empty in whole table

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

So in the above method, if at least one cell is empty, the column 5 is colored. I need help to alter this method to check whether at least one cell is empty in column 5.

It would be better, if you provide fiddler/plunker for this. — Vipin Kumar, Nov 20 '17 at 05:19
Are the table cells containing inputs? How do you let the user fill the table? — Taha Paksu, Nov 20 '17 at 05:25
Users are able to upload files and details. Those inputs are appended to the table — sndu, Nov 20 '17 at 05:28

score 1 · Accepted Answer · answered Nov 20 '17 at 05:38

Try this :

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>

score 0 · Answer 2 · answered Nov 20 '17 at 05:22

0

Try to use this function instead (copied from here):

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

answered Nov 20 '17 at 05:22

Bahriddin Abdiev

188
11

How can I use this to check cells in a particular column – sndu Nov 20 '17 at 05:29
You should put jQuery element as a parameter. In your example it would be like: isEmpty($('#mf-table').column(5)) – Bahriddin Abdiev Nov 20 '17 at 05:40

How to check whether a html column contains empty cells?

2 Answers2