Сумма нескольких полей ввода с таким же именем, но не тот же идентификатор с помощью JQuery

Question

я пытаюсь сделать функцию JQuery, чтобы сделать сумму некоторых полей ввода с именем массива, но не тот же идентификатор

<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; 
});