我如何总结 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() {

  sum += parseFloat($(this).text()); // 

});

console.log('sum', sum);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<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 2

未尝试/测试，但也许您可以尝试以下操作

let total=0;

document.querySelectorAll('span.total').forEach(span=>{

    total+=parseFloat( span.innerText )

})

alert( total )