如何循環元素和計數？

比方說，我有一個包含我想提取和計算這些數字跨度...如何循環元素和計數？

<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

如何循環元素和計數？

回答

相關問題