使用jQuery的具有相同名称但不同ID的多个输入字段的总和

Question

我正在尝试制作一个 jQuery 函数来汇总一些具有数组名称但 ID 不同的输入字段。

<input name="ingredient[1]" type="text" id="autofield_1" class="ingrediente">

<input name="ingredient[2]" type="text" id="autofield_2" class="ingrediente">

<input name="ingredient[3]" type="text" id="autofield_3" class="ingrediente">

<input name="ingredient[4]" type="text" id="autofield_4" class="ingrediente">

<input name="ingredient[5]" type="text" id="autofield_5" class="ingrediente">

<input name="ingredient[6]" type="text" id="autofield_6" class="ingrediente">

注意：我使用带有 jQ​​uery 功能的按钮在按下时添加新字段，使用 appendTo 添加更多字段。有时我有或多或少的字段，jQuery函数必须是动态的，才能应用于设置的输入字段数。

Answer 1

var sum = 0;
// or $( 'input[name^="ingredient"]' )
$( '.ingrediente' ).each( function( i , e ) {
    var v = parseInt( $( e ).val() );
    if ( !isNaN( v ) )
        sum += v;
} );