Javascript从HTML列表计算所有值

我正在开发预算日记web应用程序，前端有问题，更新预算有问题。这是我的收入代码：

script.js

var sum =0;
 $('#li-income-val').each(function() {
  sum += Number($(this).text());

});
$("#budget-income").text(sum)

html代码

  <li id="li-icnome">
    <p class="dashboard__income__text">
        {{incom.title}}
    </p>
    <p id="li-income-val">{{incom.value}}</p>
    </p>
</li>

{{incom.title}

{{incom.value}

---

有什么解决方案吗？

首先使用类而不是id（id应该是一个）

HTML

<li class="li-icnome">
  <p class="dashboard__income__text">
    {{incom.title}}
  </p>
  <p class="li-income-val">{{incom.value}}</p>
</li>

---

你没有在这里描述问题，只是告诉我们你有一个问题。这是怎么一回事？也就是说，看起来您在所有无效的

li

和

p

元素上重复相同的

id

；它们在DOM中必须是唯一的。把它改成一个类。

  var sum =0;
  $('.li-income-val').each(function() {
   sum = sum + parseInt($(this).text());
  });
  $("#budget-income").text(sum);