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

Posted 2023-03-28

【中文标题】jQuery totalCount 如果数量为 0 或更少，则隐藏

【英文标题】：jQuery totalCount hide if amount 0 or less

【发布时间】：2022-01-17 04:56:08

【问题描述】：

我正在对容器中的子元素进行简单计数。从总金额中减去 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>

【问题讨论】：

if (totalCount

【参考方案1】：

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

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

【讨论】：

非常感谢