【100分求助】如何遍历一个Table的每一行，当行里有某个 td的内容为空的时候隐藏掉整个行？

Question

直接遍历myTable.getElementsByTagName('td')
然后把parentNode也就是<tr>的display设为none

Answer 1

这个是用JS实现的告诉你思路你给这个TABLE定义一个ID，然后用行Row和列Cell来对比

Answer 2

function processRows()
{
    var tbl=document.getElementById('table id');
    for(var i=0;i<tbl.rows.length;i++)
    {
        var show='block';
        for(var j=0;j<tbl.rows[i].cells.length;j++)
        {
            if(tbl.rows[i].cells[j].innerHTML==''||tbl.rows[i].cells[j].innerHTML=='&nbsp;')
            {
                show='none';
                break;
            }
        }
        
        tbl.rows[i].style.display=show;
    }
}

Answer 3

function HideRow()
{
var oTable = document.getElementById("table");
var iRowCount = oTable.rows.length;
for(var i=0 ; i<iRowCount ; i++)
{
var oRow = oTable.rows[i];
var iCellCount = oRow.cells.length;
for(var j=0 ; j<iCellCount ; j++)
{
if(oRow.cells[j].innerText == "")
{
oRow.style.display = "none";
}
}
}
}

Answer 4

<SCRIPT LANGUAGE="JavaScript">
<!--
function Fhidden(otbl){
for(var i = 0; i<otbl.rows.length;i++)
for(var j=0;j<otbl.rows[i].cells.length;j++)
(otbl.rows[i].cells[j].innerText == "") && (otbl.rows[i].style.display = "none");
}//-->
</SCRIPT><TABLE id="otbl">
<TR>
<TD>标题</TD>
<TD>作者</TD>
<TD>来源</TD>
</TR>
<TR>
<TD>11</TD>
<TD>22</TD>
<TD>33</TD>
</TR>
<TR>
<TD>44</TD>
<TD></TD>
<TD>55</TD>
</TR>
<TR>
<TD>66</TD>
<TD>77</TD>
<TD>88</TD>
</TR>
</TABLE>
<INPUT TYPE="button" value="隐藏" onclick="Fhidden(document.getElementById('otbl'))">

Answer 5

给table一个id：table1
obj=document.getElementById("table1").getElementsByTagName('td');
for(var i=0;i<obj.length;i++)
{
    if(obj[i].innerHTML=="")
       obj[i].style.display="none";
}

Answer 6

再来个函数 去掉所有&nbsp;
function Trim(str)
{
for(var i=0 ; i<str.length ; i++)
{
str = str.replace("&nbsp","")
}
return str;
}

Answer 7

<table id="tab">
<tr><td>asfasf</td><td>asfasf</td></tr>
<tr><td>abc</td><td>asfa</td></tr>
<tr><td>abc</td><td>&nbsp;</td></tr>
<tr><td>asfasf</td><td>asfasf</td></tr>
<tr><td>abc</td><td>&nbsp;</td></tr>
<tr><td>abc</td><td>asfa</td></tr>
</table>
<script>
var rows = document.getElementById('tab').rows;
for(var i=0; i<rows.length; i++)
for(var n=0; n<rows[i].cells.length; n++)
if(rows[i].cells[n].innerHTML.replace('&nbsp;','') == ''){
rows[i].style.display = 'none';
break;
}
</script>

Answer 8

function Trim(str)
{
for(var i=0 ; i<str.length ; i++)
{
str = str.replace("&nbsp","")
}
return str;
}

function HideRow()
{
var oTable = document.getElementById("table");
var iRowCount = oTable.rows.length;
for(var i=0 ; i<iRowCount ; i++)
{
var oRow = oTable.rows[i];
var iCellCount = oRow.cells.length;
for(var j=0 ; j<iCellCount ; j++)
{
if(Trim(oRow.cells[j].innerText) == "")
{
oRow.style.display = "none";
}
}
}
}

Answer 9

String.prototype.trim=function(){
  var v=this.replace(/^\s*|\s*$/g,"");
  v=v.replace(/&nbsp;/ig,"");
  return v;
}
//更改下3楼的
function processRows(){
    var tbl=document.getElementById('table_id');
    for(var i=0;i<tbl.rows.length;i++){
        var show='block';
        for(var j=0;j<tbl.rows[i].cells.length;j++){
            if(tbl.rows[i].cells[j].innerHTML.trim()==""){//=======
                show='none';
                break;
            }
        }        
        tbl.rows[i].style.display=show;
    }
}