对具有相同名称的 div 元素中的值求和并将 sum 写入另一个 div 元素

Question

这是代码的结构。我评论了相关的标签。我基本上想对所有产品价格求和，然后通过 --> div class="totals-value" 存储总和以显示在页面中        ... Several Products ....        <div class="product">            <div class="product-image">                <img src="images/adidas.jpg">            </div>            <div class="product-price">5.99</div>            <div class="product-line-price">5.99</div> // I WANT TO SUM ALL OF THESE VALUES IN DOCUMENT        </div>        <div class="totals">            <div class="totals-item">                <label>Subtotal</label>                <div class="totals-value" id="cart-subtotal"></div> // I WANT TO WRITE SUM HERE            </div>        </div>

Answer 1

是的，可以使用 javascript 或 jquery

确保在执行此代码之前在文件中包含 jquery cdn 或本地。

$(document).ready({

   let total_price = 0;

   $('.product-line-price').each(function() {

         total_price += parseFloat(this.innerHTML, 10)

   })

   $('#cart-subtotal').text(total_price);

});