0

Имеется разметка (числа могут меняться, привел пример):

<div class="items-value"> 17</div>
<div class="items-value"> 19</div>
<div class="items-value"> 27</div>
<div class="total-boxes"> </div>

Был написал JS код:

 var inputs = $('.items-value').text();
    var sum = 0;
    for (var i = 0; i < inputs.length; i++) {
      sum += (+inputs[i]);
    }
    $('.total-boxes').html(sum);

Но идет неправильный подсчет. Как сделать правильно? Считает каждую цифру отдельно, а не отдельную строку.

4
  • у отладчика спрашивали? Commented 15 сент. 2020 в 7:52
  • Получаю строку 171927, и цикл for складывает каждое число. Не знаю, как сделать так, чтобы складывал именно число из дива. :[
    – Nrks
    Commented 15 сент. 2020 в 7:55
  • брать его содержимое в цикле, а не с первой строке Commented 15 сент. 2020 в 7:57
  • Как это сделать?
    – Nrks
    Commented 15 сент. 2020 в 8:02

1 ответ 1

3

В Вашем примере используется метод text(), который получает контент всех элементов (исключая html-теги) и склеивает их в строку. Как вариант, можно воспользоваться методом each(), чтобы перебрать элементы и суммировать их.

 var sum=0;

 $('.items-value').each(function(){
      sum += +this.textContent;
 });

Тот же код в современном формате:

  let sum = 0;
  $('.items-value').each(() => {
      sum += +this.textContent;
  });
3
  • Спасибо огромное. :]
    – Nrks
    Commented 15 сент. 2020 в 8:08
  • @Nrks, всегда пожалуйста
    – Node_pro
    Commented 15 сент. 2020 в 8:10
  • @OPTIMUSPRIME, в принципе да
    – Node_pro
    Commented 15 сент. 2020 в 8:13

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.