Javascript рассчитать все значения из списка HTML

Question

Я занимаюсь разработкой веб-приложения для ведения дневника бюджета и у меня проблемы с веб-интерфейсом, у меня проблемы с обновлением бюджета. Вот мой код дохода:

скрипт. 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>

Есть ли решения?

Answer 1

Прежде всего используйте класс вместо идентификатора (идентификатор должен быть один)

HTML

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

JS

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