关于JAVASCRIPT的问题

<table id="tb1">
        <tr><td>1111</td><td>123</td></tr>
        <tr><td>2222</td><td>123</td></tr>
        <tr><td>3333</td><td></td></tr>
        <tr><td>4444</td><td>123</td></tr>
        <tr><td>5555</td><td></td></tr>
</table>请注意颜色字体。假如<td>表签里面没有内容，那么我就把该<td>标签的父标签<tr>添加一个style="display:none;" 属性。
即，最后我想要的结果如下：
<table id="tb1">
        <tr><td>1111</td><td>123</td></tr>
        <tr><td>2222</td><td>123</td></tr>
        <tr><td>4444</td><td>123</td></tr>
</table>请大家帮忙下，我刚才用过Jquery实现，我写的代码如下：
 $(function(){           
            $("#tb1 tr").each(function(){
                if($(this).children("td").html()==""){                    
                    $(this).attr("style","display:none;");
                }
            })
            
        })上述代码如果<tr>标签里面只有一个<TD>标签那就没问题。但是里面有两个<TD>标签就不行了。

解决方案 »

  1.   


    <body onload="wsp();">
    <table id="tb1" border=1> 
            <tr> <td>1111 </td> <td>123 </td> </tr> 
            <tr> <td>2222 </td> <td>123 </td> </tr> 
            <tr> <td>3333 </td> <td> </td> </tr> 
            <tr> <td>4444 </td> <td>123 </td> </tr> 
            <tr> <td>5555 </td> <td> </td> </tr> 
    </table> 
    </body>
    <script>
    function wsp()
    {
        var ta=document.getElementById("tb1");
        if(ta!=null)
        {
            var rows=ta.getElementsByTagName("tr");
            for(var tr=0;tr<rows.length;tr++)
            {
                   cells=rows[tr].getElementsByTagName("TD");
                    for(var td=0;td<cells.length;td++)
                    {
                        if(cells[td].innerText=="")
                        {
                               rows[tr].style.display="none";
                        }   
                    }
            }
        }
    }
    </script>
      

  2.   


    //或者将js改为：
    <script>
    function wsp()
    {
        var ta=document.getElementById("tb1");
        if(ta!=null)
        {
                    cbs=ta.getElementsByTagName("td");
                    for(var i=0;i<cbs.length;i++)
                    {
                  if(cbs[i].innerText=="")
                          {
                                cbs[i].parentElement.style.display="none";
                          };
                    }
        }
    }
    </script>