使用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">

注意：我使用带有jquery功能的按钮在按下时添加新字段，使用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;
} );