如果h3中的所有元素都显示为“ N.A”,如何在id为“ NoMeMeses”的div中不显示任何内容?
如果div第1行和第2行的h3向我显示span =“ N.A”,则我不显示div NoveMeses。
我的代码使用AngularJs
{{1}}
答案 0 :(得分:2)
如果我无法理解您的信息,而您的h3的跨度文字为N.A,则您想隐藏NoveMeses div。
所以像这样的简单javascript就能实现
var nove_meses = document.getElementById('NoveMeses');
var h3s = document.querySelectorAll('.cellTextValue span');
for(var i = 0; i < h3s.length; i++) {
console.log(h3s[i].innerText);
if(h3s[i].innerText == 'N.A.') {
nove_meses.style.display = 'none';
}
}
<div id="NoveMeses" data-ng-if=$odd class="tableRowOdd" data-ng-show="item.TipoOWS === '9M'">
<div class="tableCellContent20">
<h3 class="cellTextType" >
<span>{{::item.TipoCalculado.split('#')[1]}}</span>
</h3>
</div>
<div id="row1" class="tableCellContent20">
<h3 class="cellTextValue" data-ng-show="item.TipoOWS !== 'Datas'">
<span>{{::item.Last.replace('.',',') | limitTo:7:0}}</span
</h3>
<h3 class="cellTextValue" data-ng-show="!item.TipoOWS !== 'Datas'">
<span>N.A.</span>
</h3>
</div>
<div id="row2" class="tableCellContent20">
<h3 class="cellTextValue" data-ng-show="item.TipoOWS !== 'Datas'">
<span>{{::item.LastUm.replace('.',',') | limitTo:7:0}}</span>
</h3>
<h3 class="cellTextValue" data-ng-show="!item.TipoOWS !== 'Datas'">
<span>N.A.</span>
</h3>
</div>
</div>