Home/ Questions/Q 8236507
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T19:09:21+00:00

<html> <head> <script src=jquery-1.4.4.js></script> <script> $(‘table’).each(function(a, tbl) { var currentTableRows = $(tbl).attr(‘rows’).length – 1;

  • 0
<html>
<head>
    <script  src="jquery-1.4.4.js"></script>
    <script>


        $('table').each(function(a, tbl) {
            var currentTableRows = $(tbl).attr('rows').length - 1;
            $(tbl).find('th').each(function(i) {
                var remove = 0;
                var currentTable = $(this).parents('table');

                var tds = currentTable.find('tr td:nth-child(' + (i + 1) + ')');
                tds.each(function(j) { if (this.innerHTML == '') remove++; });

                if (remove == currentTableRows) {
                    $(this).hide();
                    tds.hide();
                }
            });
        });

    </script>
</head>
<body>
    <table  border="1" >  
        <tr><td colspan="4" > alaa </td></tr>
        <tr><th>Column1</th><th>Column2</th><th>Column3</th><th>Column4</th></tr>
        <tr ><td>1st</td><td>1.1</td><td></td><td></td></tr>
        <tr class="data"><td>2nd</td><td>2.1</td><td></td><td></td></tr>  
        <tr class="data"><td>3rd</td><td>3.1</td><td></td><td>1</td></tr>  
        <tr class="data"><td>4th</td><td></td><td></td><td></td></tr>
        <tr ><td></td><td></td><td></td><td></td></tr>
        <tr class="data"><td></td><td></td><td></td><td></td></tr>  
    </table>

</body>

here is my code … I thought that the problem from the library, so I tried many libraries such as jQuery 1.4.4 , 1.5.2 and others

Here is the test and it works fine there http://jsfiddle.net/nlovatt/JsLn8/

but in my file .. it doesn’t work ..

regards,

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There are two reasons your code isn’t working.

    1) You’re executing the script immediately upon loading of the HEAD, at this stage, your table doesn’t exist and so it does nothing. To fix this, make sure you execute it on page load instead.

    2) When you’re comparing the number of blank cells in the column with the number of total rows in the table, you’re missing the fact that most of your columns don’t have the same number of rows as the table (your first row is only one column wide). You need to compare to the number of rows in the actual column, or better yet, just do the reverse thing and check for non-empty columns.

    The full code then becomes:

    $(document).ready(function() {
    $('table').each(function(a, tbl) {
        $(tbl).find('th').each(function(i) {
            var remove = true;
            var currentTable = $(this).parents('table');
            var tds = currentTable.find('tr td:nth-child(' + (i + 1) + ')');
            tds.each(function(j) { if (this.innerHTML != '') remove = false; });
            if (remove) {
                $(this).hide();
                tds.hide();
            }
        });
    });
});
    • 0