Woocommerce 如何使用 jquery 在“购物车小计”中获取值

Posted

技术标签:

【中文标题】Woocommerce 如何使用 jquery 在“购物车小计”中获取值【英文标题】:Woocommerce how to use jquery to get a value inside "cart-subtotal" 【发布时间】:2021-11-12 15:47:18 【问题描述】:

这个问题已经提出,但我需要一些不同的东西,我什至不知道这是否可能。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<tr class="cart-subtotal">
  <th>Subtotal</th>
  <td><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>713.99</bdi></span></td>
</tr>

我需要获取713.99

我该怎么做?我知道我可以从 bdi 内部得到它:

<p id="demo"></p>

<script>
var str = $('bdi').clone().find('span').remove().end().text().split('"')[1]
document.getElementById("demo").innerhtml = str;
</script>

但是如果从具体的 class="cart-subtotal" 我该怎么办?

【问题讨论】:

【参考方案1】:

效率不高,但适合你的情况。

var re = /(\d+\.\d+)/.exec($(".woocommerce-Price-amount").html());

然后您可以通过获取第一个元素 re[0] 来达到它

【讨论】:

它需要参考 'cart-subtotal' ,如果我这样做,它只会占用第一个 'woocommerce-Price-amount' 女巫不是我需要的。

以上是关于Woocommerce 如何使用 jquery 在“购物车小计”中获取值的主要内容,如果未能解决你的问题,请参考以下文章

如何制作 div,由 jquery 在 woocommerce 结帐表单、动态或完全在表单内添加?

在 Woocommerce 可变产品上获取 jQuery 中选定的变体价格

如何防止 Woocommerce 在结帐页面上选择默认付款方式?

触发jquery代码的Woocommerce函数

在 WooCommerce 中的 jQuery datepicker 问题中禁用工作日和节假日

在循环之外获取当前变体 id 并将其用于服务器端功能。 WooCommerce / jQuery