jquery问题

annibaobei2 2011-06-20 05:23:56

遍历整张表，如果某一列的数据都为空，则删除这一列！

...全文

60 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

燥动的心 2011-06-20

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>�</title>



    <script type="text/javascript" src="jquery/jquery.js"></script>



    <script type="text/javascript">

$(document).ready(function() {



alert('begin');

   var arrTotal = new Array();

   $("#tb tr").each(function(ind,tr){

      $(tr).children().each(function(i,td){

        var count = arrTotal[i] || 0;         

        if(/^\s*$/.test( $(td).html()) == false){

            count++;

        }

        arrTotal[i] = count;

      });     

   }); 

   

    $("#tb tr").each(function(ind,tr){

      $(tr).children().each(function(i,td){

          var count = arrTotal[i] ;

          if(count == 0){ 

             $(td).remove();

             }

      });     

   });

 

});



    </script>



</head>

<body>

    <table id="tb" style="width: 400px;" border="1">

        <tr>

            <td>

                1

            </td>

            <td>

            </td>

            <td>

            </td>

            <td>

            </td>

            <td>

            </td>

        </tr>

        <tr>

            <td>

            </td>

            <td>

                2

            </td>

            <td>

            </td>

            <td>

            </td>

            <td>

            </td>

        </tr>

        <tr>

            <td>

            </td>

            <td>

            </td>

            <td>

                3

            </td>

            <td>

            </td>

            <td>

            </td>

        </tr>

        <tr>

            <td>

                4

            </td>

            <td>

            </td>

            <td>

            </td>

            <td>

            </td>

            <td>

            </td>

        </tr>

    </table>

</body>

</html>