HTML，Javascript:div元素中具有相同名称的总和值，并将总和写入另一个div元素

下面是代码的结构。我评论了相关的标签。我基本上希望对所有产品价格求和，然后通过-->div class=“totals value”存储要显示在页面中的总和

。。。几种产品。。。。
5.99
5.99//我想对文档中的所有这些值求和
小计
//我想在这里写一个和

是的，可以使用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);
});

---

在香草Javascript中，您可以使用以下内容：

window.addEventListener（'load'，function（）{
设divs=document.getElementsByClassName（“产品价格”）；
var合计=0；
用于（出租div项）{
让itemPrice=parseFloat（item.textContent）；
合计+=项目价格；
}
document.getElementsByCassName（“总计值”）[0].innerText=total；
})

这将使用price遍历

div

，并将其相加以设置为页面总负载

$(document).ready({
   let total_price = 0;
   $('.product-line-price').each(function() {
         total_price += parseFloat(this.innerHTML, 10)
   })
   $('#cart-subtotal').text(total_price);
});