jQuery totalCount 如果数量为 0 或更少，则隐藏

Question

我正在对容器中的子元素进行简单计数。从总金额中减去 4，然后显示计数。这很好用。

子 div 将动态创建，因此数量会发生变化。如果金额为 0 或任何减去任何金额，我将如何编辑我的 jQuery 以隐藏计数？

谢谢

jQuery(document).ready(function(){
    var totalCount=$(".container .cell").length - 4;  
    $(".count-amount").html(totalCount);
}); 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="container">
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
</div>  


<div class="count-amount"></div>

Answer 1

您可以使用hide() 来隐藏带有jQuery 的元素。

jQuery(document).ready(function(){
    var totalCount=$(".container .cell").length - 4;
    if(totalCount < 1) {
      $('.count-amount').hide();
    }
    $(".count-amount").html(totalCount);
});