用javascript或jquery隐藏BigCommerce购物车措辞？

我安装了一个徽章图标，我想显示购物车中的物品数量

问题是，这是一个BigCommerce网站，购物车计数的显示方式是“查看购物车”以及购物车中的商品数量

我被告知有一种方法可以用javascript或jQuery隐藏“查看购物车”部分，这样我就可以只显示数字。我不知道我将如何做到这一点，所以我会感谢你的想法

我附上了两张照片。第一个是它当前的显示方式。第二个问题是我希望它如何显示。还在底部添加了我的代码。%GLOBAL_CartItems%%是生成购物车计数的BigCommerce全局变量，如第一个屏幕截图所示

当前的显示方式：

我希望它的显示方式：

我的代码：

<li style="display:%%GLOBAL_HideCartOptions%%">
    <span><a href="%%GLOBAL_ShopPathNormal%%/cart.php" title="%%LNG_ViewCart%%"><i class="icon-large sprite-glyphicons_halflings_115_shopping-cart2x icon-2x" style="position: relative; top: 14px; right: 20px;"></i><span class="badge badge-info" style="position: relative; top: 18px; right: 13px;">%%GLOBAL_CartItems%%</span></a></span>
</li>

var$cart_items=$（“#cart items”）；
$cart\u items.text（$cart\u items.text（）.replace（/[^0-9]/g'）；

这应该行得通，但从理想主义的角度来看，这是一个肮脏的黑客行为。这假设包含jQuery。我做的第一件事是给容器一个ID。。。“购物车项目”。javascript然后按ID选择该元素并删除其中的所有非数字字符。
不幸的是，当购物车中没有物品时，上面的脚本不适合显示
（0）

我遇到了同样的问题，BigCommerce的
%%GLOBAL\u CartItems%%
变量在用户购物车中的商品数量后添加
item

下面的脚本用于从由
%%%GLOBAL\u CartItems%%
提供的购物车中的项目数之后删除
项目，如果变量不返回任何内容时没有项目，则添加
（0）
。
var num=$（'#cartnumber'）.text（）.replace（/\D/g'）；
$（“#cartnumber”）.text（“（“+num+”）”）；
如果（$（'#cartnumber'）。text（）='（）'）{
$（'cartnumber'）。文本（'0'）；
}
不行！不管脏不脏，我都不敢相信这终于奏效了！我已经做了一周半了…非常感谢你！如果可以，我会请你喝一杯！非常感谢你的帮助！：-D
<li style="display:%%GLOBAL_HideCartOptions%%">
    <span><a href="%%GLOBAL_ShopPathNormal%%/cart.php" title="%%LNG_ViewCart%%"><i class="icon-large sprite-glyphicons_halflings_115_shopping-cart2x icon-2x" style="position: relative; top: 14px; right: 20px;"></i><span id='cart-items' class="badge badge-info" style="position: relative; top: 18px; right: 13px;">%%GLOBAL_CartItems%%</span></a></span>
</li>
<script type='text/javascript'>
var $cart_items = $('#cart-items');
$cart_items.text($cart_items.text().replace(/[^0-9]/g, ''));
</script>