在表格行中不显示任何内容

时间:2019-01-24 17:03:29

标签: javascript angularjs

如果h3中的所有元素都显示为“ N.A”,如何在id为“ NoMeMeses”的div中不显示任何内容?

如果div第1行和第2行的h3向我显示span =“ N.A”,则我不显示div NoveMeses。

我的代码使用AngularJs

{{1}}

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>