Question

我有一个包含产品折扣的元素

<div class="discount_discountAmount">
    <div id="mydiscouttext" class="discouttext">0
        <span class="price_percent">%</span>
    </div>
</div>

我想，如果元素的id =＆＃34; mydiscouttext＆＃34;等于0，addClass＆＃34;隐藏＆＃34;。

我正在寻找一个使用javascript的解决方案。

有什么想法吗？

Answer 1

if(!parseInt(document.querySelector("#mydiscouttext").innerText)){
    document.querySelector("#mydiscouttext").style.display = "none";
}

这可以提供帮助

Answer 2

我为另一个人做了类似的事情，在一个单元格中值为＆lt; = 5的情况下，必须突出显示表格行。请查看这是否对您有所帮助：https://codepen.io/nitinsuri/pen/WoqLzX

$(document).ready(function(){
  $("table#book-list").find("td").each(function(){
    var quantity = parseInt($.trim($(this).text()));
    if(quantity <= 5){
      $(this).parent("tr").addClass("low-quantity");
    }
  });
});

Answer 3

那里，用普通的Javascript，

var discount = document.getElementById('ammount').innerHTML;
console.log(discount);
if(parseInt(discount) <= 0 ) {
  document.getElementsByClassName('discount_discountAmount')[0].classList.add("hide");
}

<div class="discount_discountAmount">
    <div id="mydiscouttext" class="discouttext"><span id="ammount">0</span>
        <span class="price_percent">%</span>
    </div>
</div>

此外，我添加了一个跨度来隔离百分比金额。那么很容易处理它。

Answer 4

更改为：

<div class="discount_discountAmount">
    <div id="mydiscouttext" class="discouttext">
        <span class="value_percent">0</span>
        <span class="price_percent">%</span>
    </div>
</div>

和

$(document).ready(function(){
    var discouttext = $('#mydiscouttext span:first-child').html();
    if(discouttext === '0')
        $('.discount_discountAmount').hide();
});

Answer 5

我建议把它放在像百分比这样的范围内，并尝试制作像这样的javascript

<div>
<span id="mydiscouttext">0</span>
<span>%</span>
</div>

<script>
$( document ).ready(function(){

var text = $("#mydiscouttext").html();

if(text == "0")
 $("#mydiscouttext").hide();


});

</script>

javascript如果html元素文本等于0，则addClass为元素

5 个答案: