javascript - 使用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;
} );