我如何总结 span class="total" 中的所有价格？

Question

我的页面上有两个部分，一个用于处理器，另一个是 Ram，我正在使用 ajax 从数据库中获取价格，我如何添加 span class="total" 中的所有价格？

<td>
    <span class="multTotalRam total" id="show_productRam" readonly value="">650.00</span></td><td>
    <span class="multTotalPro total" id="show_productPro" readonly value="">1050.00</span></td>

Answer 1

只需循环遍历类并一一添加所有值。var sum = 0;$('.total').each(function() {&nbsp; sum += parseFloat($(this).text()); //&nbsp;});console.log('sum', sum);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><td>&nbsp; <span class="multTotalRam total" id="show_productRam" readonly value="">650.00</span></td><td>&nbsp; <span class="multTotalPro total" id="show_productPro" readonly value="">1050.00</span></td>

Answer 2

未尝试/测试，但也许您可以尝试以下操作let total=0;document.querySelectorAll('span.total').forEach(span=>{&nbsp; &nbsp; total+=parseFloat( span.innerText )})alert( total )