4

Мне нужно получить значение всех инпутов, каждый из которых находится в родительском блоке. И полученные значения, сложить в сумме.

    <div class="total">
         <input class="hidden-grand-total" value="130">
    </div>
<div class="total">
         <input class="hidden-grand-total" value="0">
    </div>
<div class="total">
         <input class="hidden-grand-total" value="80">
    </div>

Я пытаюсь сделать это примерно так:

$('.total').find('.hidden-grand-total').each(function(i) {
      console.log($('.total').find('.hidden-grand-total').val());
});

3 ответа 3

6

let id = $('.total').map(function(i, el) {
  return $('.hidden-grand-total', el).val();
}).get();
console.log(id);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="total">
  <input class="hidden-grand-total" value="130">
</div>
<div class="total">
  <input class="hidden-grand-total" value="0">
</div>
<div class="total">
  <input class="hidden-grand-total" value="80">
</div>

UPD Не заметил сразу, что нужна сумма значений. Исправляюсь:

let sum = $('.total').get().reduce(function(p, c) {
  return +$('.hidden-grand-total', c).val() + p;
}, 0);
console.log(sum);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="total">
  <input class="hidden-grand-total" value="130">
</div>
<div class="total">
  <input class="hidden-grand-total" value="0">
</div>
<div class="total">
  <input class="hidden-grand-total" value="80">
</div>

2
  • "И полученные значения, сложить в сумме."
    – user218976
    20 июл 2018 в 9:15
  • @Anamnian, да, прошло мимо моих глаз )) Дополнил вариантом ответ
    – Deonis
    20 июл 2018 в 9:16
4

Сделал вариант с суммированием значений.

var sum = 0;

$('.total').find('.hidden-grand-total').each(function() {
      sum = sum + parseInt($(this).val());
});

console.log(sum);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="total">
         <input class="hidden-grand-total" value="130">
    </div>
<div class="total">
         <input class="hidden-grand-total" value="0">
    </div>
<div class="total">
         <input class="hidden-grand-total" value="80">
    </div>

2

var inputGrand = document.querySelectorAll('.hidden-grand-total');
var inputGrandSum = 0;

for(var i = 0; i < inputGrand.length; i++){	
	inputGrandSum += parseFloat(inputGrand[i].value);	
}
console.log(inputGrandSum);
document.querySelector('.result').innerHTML = 'Сумма ' +  inputGrandSum;
<div class="total">
    <input class="hidden-grand-total" value="130">
</div>
<div class="total">
    <input class="hidden-grand-total" value="0">
</div>
<div class="total">
    <input class="hidden-grand-total" value="80">
</div>

<div class="result"></div>

Ваш ответ

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

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