javascript - 无法使用 Jquery 获取、修改和设置 Span 文本

Question

我正在尝试从价格中删除 £，我需要使用 javascript 来执行此操作 相同的代码在

中运行良好

jsfiddle

但不在实时系统中

我正在尝试使用跨度和类来执行此操作，但它不起作用

https://caringforcare.co.uk/courses-4/payment/

添加到购物车 >> 继续付款 >> 提交详细信息

它会询问用户详细信息，您可以输入虚假详细信息

我使用下面的代码来获取“1 x £10.00 不含增值税”

<script type='text/javascript' src='https://code.jquery.com/jquery-2.2.4.js'></script>

<script>
     var pay = $("span.woocommerce-Price-amount.amount").text();
     console.log("pay ::"+pay);
    //pay = pay.replace("&pound;", ""); 
    //$("span.woocommerce-Price-amount.amount").text(pay);
</script>

请建议我应该尝试什么。

Answer 1

为什么不呢？ pay = pay.replace("£", "");

好方法

最好的方法是将这些信息放入数据属性中。这样，您就可以跳过 replace 调用，您的数据将被隐藏并可对其进行操作。

解析后的 H​​TML 永远不应该用于获取信息，因为它不适合数据计算、验证、比较等。

看看这段代码

var pay = $("span.woocommerce-Price-amount.amount").data();
console.log(pay);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span data-currency='£' data-amount='10.00' data-quantity='1' class="woocommerce-Price-amount amount">1 x £10.00 ex VAT</span>

HTML 具有适合您的用户的正确信息，数据属性 具有用于计算、验证、比较等的数据。