如何循环元素和计数？

比方说，我有一个包含我想提取和计算这些数字跨度...如何循环元素和计数？

<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所以

我想标识必须遍历span元素，找到哪一个有一个className“苹果”。哈，好吧......我不知道在这个特殊情况之后该怎么做。

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

来源

2014-09-23 Shawn GameForreal

见[document.getElementsByClassName]（https://developer.mozilla.org/en-US/docs/Web/API/document.getElementsByClassName） – 2014-09-23 03:45:10

它分割到2项独立的和独立的任务：1.如何使用给定的类名获取跨度。以及如何获取文本。 2.如何从一个'N苹果'形式的字符串中检索一个数字' – zerkms 2014-09-23 03:45:35

如果你能显示你到目前为止尝试的内容，那就太好了 – andrex 2014-09-23 03:45:45

您可以做到这一点！

存储中的所有span元素与类苹果在var和设置供以后

变种苹果= document.querySelectorAll（ 'span.apples'）的总VAR，

总= 0 ;
循环通过阵列和使用parseInt函数来获取数出的每个元件的的textContent的，然后将该值添加到我们的总

为（VAR I = 0;我< apples.length ; i ++）{
```
total += parseInt(apples[i].textContent, 10); 
```
};
做一些事情，总

的console.log（总）;

来源

2014-09-23 04:07:42 Derek

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

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

来源

2014-09-23 04:05:01

如何循环元素和计数？

回答

相关问题