javascript - Jquery对多个ID应用单个函数

Question

我正在动态生成三组输入框的ID(自动增量)。因此，一组具有“inputbox1、inputbox2 等”等 ID，另一组具有“value1、value2 等”等 ID，第三组具有“result1、result2 等”

我在jquery中的基本功能是这样的:

$("#button").click(function() {
var inputbox1 = parseInt($('#inputbox1').val());
var value1 = parseInt($('#value1').val());

$("#result1").val(inputbox1 + value1);
});

我不知道会有多少个输入框，因为它们是动态生成的。那么我怎样才能对所有文本框应用相同的基本功能呢？我知道像这样的多个函数效率很低，而且可能不是正确的方法。

$("#button").click(function() {
var inputbox1 = parseInt($('#inputbox1').val());
var value1 = parseInt($('#value1').val());
$("#result1").val(inputbox1 + value1);

var inputbox2 = parseInt($('#inputbox2').val());
var value2 = parseInt($('#value2').val());
$("#result2").val(inputbox2 + value2);
});

Answer 1

$("#button").click(function() {

  $('input[id="^inputbox"]').each( function(){
    var inputbox = parseInt($(this).val());
    var number = $(this).attr( "id" ).split ( "inputbox" )[ 1 ];
    var value =  parseInt($('#value' + number).val());
    $("#result" + number).val(inputbox + value);

  });
});