类中数组的 Javascript 总和答案

【问题标题】：Javascript Sum of Array from Classes类中数组的 Javascript 总和
【发布时间】：2019-10-22 23:43:08
【问题描述】：

我正在寻找显示在标签内的所有数字，类名称为“价格”，并将它们加在一起。我已经寻找解决方案，但它们都是部分的。似乎 javascript 无法将 innerHTML 值识别为数字。

【问题讨论】：

你能补充一下你目前尝试过的吗？
innerText 在这种情况下比innerHTML 更合适，而parseFloat 将是您需要的，而不是parseInt，除非所有价格都是整数值。如果价格不是简单的数字，您可能还需要一个正则表达式来过滤掉其他字符。

【解决方案1】：

    <p class="prices">1</p>
    <p class="prices">2</p>
    <p class="prices">3</p>
    <p class="prices">4</p>
    <p class="prices">5</p>

    <script>
        let total = 0;
        document.querySelectorAll(".prices").forEach( price =>{
            total += Number( price.textContent );
            // total += parseInt( price.textContent );
        });
        console.log( total );
    </script>

但请记住其中的区别：

Number("2A")
//=> NaN

parseInt("2A");
//=> 2

【讨论】：

【解决方案2】：

let total = 0;
$(".price").each(function(){
  total = total + Number($(this).text())
});

https://jsfiddle.net/s563mkge/

【讨论】：