3

次のHTMLがあります。

<div id="price_list">
 <input type="text" value="100" class="input_price" />
 <input type="text" value="256" class="input_price" />
 <input type="text" value="500" class="input_price" />
 <input type="text" value="04.26" class="input_price" />
 <input type="text" value="156" class="input_price" />
 <input type="text" value="052" class="input_price" />
 <input type="text" value="692" class="input_price" />
 <input type="text" value="25.36" class="input_price" />
 <input type="text" value="10.56" class="input_price" />
</div>

class を持つ要素の値の合計を取得する最良の方法は何input_priceですか?

演出が気になりますのでご了承ください。私の実際の HTML はもう少し複雑です (何千もの要素がある場合もあります)。使用してみ.each()ましたが、ブラウザが動かなくなることがあります。そのため、質問を「要素を反復処理してデータを取得する最良の方法は何ですか?」に変更できます。

私の試み：

var total = 0;

$(".input_price").each(function(){
  total+=parseFloat($(this).val());    
});
4

5 に答える 5

0

クラスを含むすべての要素をinput_priceとして合計し、

var elements = document.getElementsByClassName("input_price");
var sum = 0;
for(var i=0; i<elements.length; i++) {
    sum += parseFloat(elements[i].value);
}
于 2013-05-17T12:53:32.173 に答える