Question

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

Answer 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

Answer 2

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

https://jsfiddle.net/s563mkge/

来自类的Javascript数组总和

2 个答案: