Javascript 如何通过元素循环&；数数？

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

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

9个苹果
7个苹果
3个苹果
6个苹果
11个苹果

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

我只知道基本的javascript

我想我必须循环遍历span元素，找到类名为“apples”的元素。 哈，还有。。。对于这种特殊情况，我不知道接下来该怎么办

感谢您的帮助！ 谢谢。

var obj=document.getElementsByClassName（“苹果”），
len=物体长度，
总数=0；
对于（变量i=0；i

你可以做到

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

var apples=document.queryselectoral（'span.apples'）

总数=0

循环遍历数组并使用parseInt函数从每个元素的textContent中获取数字，然后将该值添加到总数中

对于（var i=0；i })

用total做点什么

控制台日志（总计）

---

请参见将其拆分为两个独立的任务：1。如何获取具有给定类名的跨度。以及如何获取其文本。2.如何以

“N apples”

的形式从字符串中检索数字如果你能用@ArunPJohny think；）展示你迄今为止的尝试，那就太好了<代码>警报（document.getElementsByClassName（“apples”）.length）

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

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

    total += parseInt(apples[i].textContent, 10);