如何循环遍历元素并计算数字？答案

【问题标题】：How To Loop Through Elements & Count Numbers?如何循环遍历元素并计算数字？
【发布时间】：2014-09-23 03:43:25
【问题描述】：

假设我有这些跨度，其中包含我要获取和计数的数字...

<span class = "apples">9 apples</span>
<span class = "apples">7 apples</span>
<span class = "apples">3 apples</span>
<span class = "apples">6 apples</span>
<span class = "apples">11 apples</span>

如何在浏览器上调用以获取每个跨度中的苹果数量，然后返回一个总数？

我只知道基本的javascript所以

我认为 Id 必须遍历 span 元素并找到具有 className“apples”的元素。哈，好吧……我不知道在这种特殊情况下该怎么办。

任何帮助表示赞赏！谢谢。

【问题讨论】：

见document.getElementsByClassName
将其拆分为 2 个独立且独立的任务：1. 如何获取具有给定类名的 span。以及如何获取其文本。 2.如何从"N apples"表单中的字符串中检索数字
如果你能展示你到目前为止所做的尝试会很好
使用@ArunPJohny 思想 ;) alert(document.getElementsByClassName("apples").length);

标签： javascript loops count numbers

【解决方案1】：

你可以做到！

将所有带有苹果类的 span 元素存储在一个 var 中，并为以后设置总 var

var apples = document.querySelectorAll('span.apples'),

总计 = 0;
遍历数组并使用 parseInt 函数从每个元素的 textContent 中获取数字，然后将该值添加到我们的总数中

for (var i = 0; i
```
    total += parseInt(apples[i].textContent, 10);
```
};
用总做某事

console.log（总计）；

【讨论】：

【解决方案2】：

var obj = document.getElementsByClassName("apples"),
len = obj.length,
total = 0;

for (var i = 0; i < len; i++)
total+=parseInt(obj[i].innerHTML);

【讨论】：