Javascript 如果表中有一行带有“删除”;不适用;价值观
我有这样的HTML代码`Javascript 如果表中有一行带有“删除”;不适用;价值观,javascript,html,Javascript,Html,我有这样的HTML代码` <h4 id="dd">Resource usage</h4> <table border="1" class="dataframe table table-striped table-bordered table-hover"> <thead> <tr style="text-align: right;"> <th>peak_value</th>
<h4 id="dd">Resource usage</h4>
<table border="1" class="dataframe table table-striped table-bordered table-hover">
<thead>
<tr style="text-align: right;">
<th>peak_value</th>
<th>resource_name</th>
</tr>
</thead>
<tbody>
<tr>
<td>NA</td>
<td>NA</td>
</tr>
<tr>
<td>NA</td>
<td>NA</td>
</tr>
</tbody>
</table>
资源使用
峰值
资源名称
NA
NA
NA
NA
我正在从数据库中提取表。因此,数据是动态创建的。
现在,我不想显示这个表,若它的整行只有“NA”值(即),那个么使用javascript显示NA值。
请帮帮我- 使用
过滤所有jQuery.filter
元素,这些元素的文本为td
“NA”
- 使用相应
元素中tr
元素的长度检查过滤后集合的长度td
- 如果
具有tr
元素且长度相等,td
则hide()
元素tr
$('tr')。每个(函数(){
var tdElems=$(this.find('td');
var filtered=tdElems.filter(函数(){
返回此.textContent.trim();
});
if(tdElems.length&(filtered.length==tdElems.length)){
$(this.hide();
}
})
资源利用
峰值
资源名称
NA
NA
NA
NA
您可以迭代td
元素,查看是否有任何元素具有非NA
值,如果没有,则隐藏该表,如
var table=document.querySelector('dd+table');
var toShow=Array.from(table.querySelectorAll('td')).some(td=>td.innerHTML.trim()!='NA');;
如果(!toShow){
table.style.display='none';
}
资源使用
峰值
资源名称
NA
NA
NA
NA
您是否尝试过实现这一目标?给我们看一些代码。你是说如果至少有一行只有“NA”值,即使其他行有非“NA”值,你也要隐藏整个表吗?或者,您的意思是,只有当每行只有“NA”值时,才应该隐藏它?