jquery - jquery：divのすべての子の値を取得します

Question

jqueryを使用してdivのすべての子要素の値を取得しようとしています。

<div class='parent'>
    <input type='text' value='1' class='child' />
    <input type='text' value='2' class='child' />
    <input type='text' value='3' class='child' />
    <input type='text' value='4' class='child' />
</div>

子入力は、dbからphpを使用して生成されます。それらの数は異なります。

私は次のようなものを取得しようとしています：

variable = (child1_value + child2_value + child3_value + child4_value + ... + "childX_value");

どうすればこれをどんな数の子供たちのために働かせることができますか？

Answer 1

あなたはそれぞれを使うことができます...

var total = 0;

$(".child").each(function() {
    total += parseInt($(this).val());
});

または類似

Answer 2

var value = 0;
$('.parent input').each(function() {
  value += parseInt($(this).val());
});

Answer 3

これを試して、

$(document).ready(function(){
    var array = [];
    $('.child').each(function(){
       array.push($(this).val()); // store in an array for reuse
    });
    var total = 0;
    for (var i = 0; i < array.length; i++) {
        total += parseInt(array[i]); // sum up values in the array
    }
    alert(total);
});

Answer 4

これらの値を追加します。

ライブデモ

sum = 0;
$('.parent :input').each(function(){     
      sum+= parseFloat($(this).val());
})
alert(sum);

Answer 5

var result = 0;
$("input").each(function(index,value){ 
  result += parseFloat($(this).val());
});

Demo: http://jsfiddle.net/JmsAb/1/