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();            }        });有人知道这是为什么吗？