javascript 过滤Table！

peihuadavy 2008-01-28 10:22:26

怎样过滤Table的行？例如Table中有行01 A ，02 B 把01作为过滤条件table就只显示出01 A行，不显示02 B行！

不要删除行的！！当接着以02 为过滤条件时就显示 02 B 行，且不需要刷新页面！！！谢谢！

...全文

79 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

yellowknight 2008-01-29

打赏
举报



  var tableList=pent.getElementsByTagName('TABLE');

        if(tableList && tableList.length>0)

        {

          for(var i=0;i<tableList.length;i++)

                    {

            var tdList = tableList[i].getElementsByTagName('TD');

                    for(var j=0;j<tdList.length;i++)

                    {

                        if(tdList[j].innerText=="")

                        {

                            //仅IE下用 tdList[j].removeNode(true);

                          tdList[j].parentNode.removeChild(tdList[j])

                        }

                    }

       }

        }

showrock 2008-01-29

打赏
举报

以下测试成功



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

 </HEAD>



 <BODY>





<table border="1" cellpadding="1" cellspacing="1"  id="table1">

<tr width="200px">

<td width="200px">01</td>

<td width="200px">A</td>

</tr>

<tr>

<td width="200px">02</td>

<td width="200px">B</td>

</tr>

<tr width="200px">

<td width="200px">01</td>

<td width="200px">A</td>

</tr>

<tr>

<td width="200px">02</td>

<td width="200px">B</td>

</tr>

<tr width="200px">

<td width="200px">01</td>

<td width="200px">A</td>

</tr>

<tr>

<td width="200px">02</td>

<td width="200px">B</td>

</tr>

<tr width="200px">

<td width="200px">01</td>

<td width="200px">A</td>

</tr>

<tr>

<td width="200px">02</td>

<td width="200px">B</td>

</tr>

</table>



<input type=button value="过滤A" onclick="hide('A')">

<input type=button value="过滤B" onclick="hide('B')">

<input type=button value="恢复" onclick="hide('')">



 </BODY>

</HTML>



<script>



function hide(str)

{

var table=document.getElementById('table1');

for(var i=0;i<table.rows.length;i++)

{

	if(table.rows[i].cells[1].innerHTML==str)

	{

		table.rows[i].style.display='none';

	}

	else

	{

		table.rows[i].style.display='';

	}

}



}

</script>