jQuery Function在有多个目标时停止工作，但在有一个目标时工作

Question

我试图在数量更改为零时验证我的购物车，因为当html等于零时，我基本上隐藏了减号图标，每当我的购物车中有一件商品时，它就会起作用，但是当有多个商品时，它就会停止工作，有人知道这是为什么吗？

在我的刀片文件中，每个项目都有这个

<td data-th="Quantity">

  <i class="fa fa-minus-circle" data-id="{{$id}}"></i> <span class="quantity-val quantity-{{$id}}">{{ $details['quantity'] }} </span> <i class="fa fa-plus-circle" data-id="{{$id}}"></i> 

</td>

在我的JS文件中，我有此功能

$(document).ready(function () {

            initialQuantity = $('.quantity-val').text();

            if(initialQuantity == 0){

                $(".fa-minus-circle").hide();

            }

        });

有人知道这是为什么吗？