Question

用js 把table 特定值所在的行 (tr) 删除

用 js 把 table 中 隐藏行 或 有"display:none"所在的行 ,全部删除.

注明是: 动态的table ,每次都有增加和减少的隐藏行 或 有"display:none"所在的行
先看例子啦
<table id="delrow" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5" align="center">del</td>
</tr>
<tr style="display:none" >
<td >AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>
<tr style="display:none" >
<td >AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
<td>ddd</td>
<td>eee</td>
</tr>
<tr style="display:none" >
<td >AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>
<tr style="display:none" >
<td >AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>
<tr>
<td>FFF</td>
<td>GGG</td>
<td>HHH</td>
<td>III</td>
<td>JJJ</td>
</tr>
<tr style="display:none" >
<td >AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>
</table>
<button >DEL</button>

=======
想的有效果是, 按下button 就是以下:
<table id="delrow" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5" align="center">del</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
<td>ddd</td>
<td>eee</td>
</tr>
<tr>
<td>FFF</td>
<td>GGG</td>
<td>HHH</td>
<td>III</td>
<td>JJJ</td>
</tr>
</table>
<button >DEL</button>

Answer 1

var trs = document.getElementById('delrow').getElementsByTagName('tr');
for(var i=0;i<trs.length;i++){
if(trs[i].style.display =='none'){
trs[i].parentElment.removeChild(trs[i]);
// document.getElementById('delrow').removeRow(trs[i]);
}
}
用jquery的话就比较简单了~
如下：
$('#delrow tr:hidden').remove();

追问

能运行啦. 但我接着是 导出到excel中,在 excel 就有问题啦

excel中 有些删掉了,但有些就无删掉.
不是所以 都删除啦
即是有1行是隐藏行, 可全刪.....
即是有2行是隐藏行, 但只删掉了1行.....
即是有4行是隐藏行, 但只删掉了2行.....
即是有8行是隐藏行, 但只删掉了4行......
都是刪一半!!
我的资料有上千条,隐藏就有几百个...怎样办?
(开过一提问,把所有code 贴出来)

请问怎样改