【发布时间】：2021-04-24 06:27:32
【问题描述】：
我希望获取包含在 <bdi> 标记中的 HTML 字符串的值 - 对其执行计算 - 并将结果输出到单独的 <bdi> 字符串中，具体取决于页面上选择的输入。
来源<bdi>的值会根据用户交互动态变化，但我想知道我所问的是否可行以及如何实现它的粗略指南？
说明用户元素的屏幕截图：
在 DOM 中，源值嵌套在下面的标签中：
<li class="grand_total">
<span class="name">Grand Total</span>
<span class="price">
<span class="woocommerce-Price-amount amount">
<bdi>
<span class="woocommerce-Price-currencySymbol">£</span>
301.00
</bdi>
</span>
</span>
</li>如果选择了存款输入选项，我如何使用 jQuery 将这个值（或字符串 - 如果术语不正确，请见谅）除以 100 并乘以 20 - 然后在嵌套的目标中输出结果数字如下：
<li class="deposit_free_total">
<span class="name">Due Today</span>
<span class="price">
<span class="woocommerce-Price-amount amount">
<bdi>
<span class="woocommerce-Price-currencySymbol">£</span>301.00
</bdi>
</span>
</span>
</li>需要选择以启动上述输入的 id 为#wc-option-pay-deposit。我不知道从哪里开始，所以非常感谢任何帮助！
进度更新：
我设计了以下代码，按预期工作：
<script>
jQuery(document).ready(function(changeToPay){
if (jQuery('#wc-option-pay-deposit').is(':checked')) {
(jQuery("h1").html("Test"));
}
})
jQuery(document).ready(function(){
changeToPay();
});
</script>似乎下一步是创建变量，以便获取数据并执行计算，但我不知道如何连接这些点...
【问题讨论】：
-
您尝试实现的是更改屏幕上显示的内容...这不会影响用户单击“添加到购物篮”时发送到服务器的数据。
-
是的，我要做的就是影响客户端和用户看到的内容。我不需要操作实际数据，但我不知道如何进行。
标签： jquery woocommerce calculation getelementsbyclassname intermediate-code