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
  • у отладчика спрашивали? 15 сен 2020 в 7:52
  • Получаю строку 171927, и цикл for складывает каждое число. Не знаю, как сделать так, чтобы складывал именно число из дива. :[
    – Nrks
    15 сен 2020 в 7:55
  • брать его содержимое в цикле, а не с первой строке 15 сен 2020 в 7:57
  • Как это сделать?
    – Nrks
    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
    15 сен 2020 в 8:08
  • @Nrks, всегда пожалуйста
    – Node_pro
    15 сен 2020 в 8:10
  • @OPTIMUSPRIME, в принципе да
    – Node_pro
    15 сен 2020 в 8:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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