jquery - 使用 jQuery 输入数组总和

Question

你好，我有未知数量的数组名称和类的输入

<input type="hidden" name="hidden[1]" class="sum" value="31">
<input type="hidden" name="hidden[2]" class="sum" value="21">
<input type="hidden" name="hidden[3]" class="sum" value="321">
<input type="hidden" name="hidden[4]" class="sum" value="-31">
<input type="hidden" name="hidden[5]" class="sum" value="31.12">
<input type="hidden" name="hidden[6]" class="sum" value="0">

问题是如何对这些字段的所有值求和，我尝试使用 .each() 和 getElementByClassName 但这行不通

Answer 1

迭代匹配的元素并将它们的值加在一起:

var total = 0;
$( ".sum" ).each( function(){
  total += parseFloat( $( this ).val() ) || 0;
});

我正在使用 $.each() 遍历匹配 .sum 类的所有项目，然后提取 value 属性使用 .val()。获得该值后，我们需要确保它是数字，因此我使用了 parseFloat()。如果 parseFloat() 返回一个假值，将使用 0。

引用资料:

• $.each()
• parseFloat()