对具有相同名称的 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({&nbsp; &nbsp;let total_price = 0;&nbsp; &nbsp;$('.product-line-price').each(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;total_price += parseFloat(this.innerHTML, 10)&nbsp; &nbsp;})&nbsp; &nbsp;$('#cart-subtotal').text(total_price);});