Javascript 在事件时用函数替换 div 的内容

Question

我正在尝试让一个函数和一些相关的 jquery 正常工作。我有一个购物车，我试图显示购物车中的商品数量。到目前为止，这是我的基本标记。

html

<p>Your <a href="/cart.php">Shopping Cart:</a></span>
now has <span id="cartText">0 items</span></p>

jQuery

<script>
jQuery(document).ready(function(){
   var itms = '%%GLOBAL_CartItems%%';
   jQuery("#cartText").html( itms );

 });

</script>

我的 %%GLOBAL_CartItems%% 函数告诉购物车中有多少商品，但只有当有 1 个或更多商品时，我才写了 0 items我希望 %%GLOBAL_CartItems%% 函数在商品进入购物车后替换的 div。我知道到目前为止我所拥有的是不正确的，但我相信在正确的轨道上。如果有人好奇的话，这是在基于 BigCommerce 的网站上。有什么想法吗？

Answer 1

找到解决方案

 <div style="display:none;" id="CartContent">
 %%Panel.SideCartContents%% 
</div>

<script>
jQuery(document).ready(function(){

   var itms = '%%GLOBAL_CartItems%%'; 
   var cartHTML   = jQuery("#CartContent").html();
   var cartAmount = jQuery(cartHTML).find("#tot strong").html();
   jQuery("#cartText").html( itms + ' - ' + cartAmount );

 });

</script>

<span id="cartText">Cart Empty - $0</span>

然后在我的购物车文件中放入:

<span id="tot">%%LNG_SideCartTotalCost%%</span>

这然后显示购物车为空 - $0 直到商品进入购物车然后它放入信息并替换 div 内容