javascript - 获取动态生成的html元素中每个元素的keyup事件

Question

对于单个(第一个输入框)，我成功获得了 keyup 事件，但它不适用于我想要计算所有字段的总和并想要显示它们总数的每个字段。

我的 JavaScript 代码在这里。

$(document).ready(function(){
    var b = 1;
    $('#mon'+b).keyup(function() {
    alert('Monday');
      $('#mon'+b).each(function(){
          b++;
       });  
    alert(b);
  });
});

)；

我能够获取动态 id，如 mon 、 mon1 、 mon2 。如果我在控制台 keyup 事件中触发以下代码，则有效。

$('#mon2').keyup(function() {
    alert('Monday');
});

编辑:-

var b = 1;
alert('Monday');
    $('#mon'+b).each(function(){
        $('#mon'+b).keyup(function() {
            b++;
            alert(b);
        });
    }); 
alert(b);

编辑:- 2 https://jsfiddle.net/b71a32qL/8/

Answer 1

根据你的js fiddle 链接。您必须进行两项更改，

更改 1:-(在输入类型中添加类 mon)

 <input type="number" step="any" name="mon1" id="mon1" class="mon cell-size" placeholder="mon">

更改 2:- 将您的 javascript 替换为以下 javascript。

 $(document).on("keyup",'.mon', function(){
        var sum = 0;   
           alert('Monday');
             $('.mon').each(function(){
              var $value = this.value; 
                if($value){
                       sum+=parseFloat($value);              
                  }
              });    
           $('#mon_total').val(sum);
        });

因此，通过 Jquery，您可以使用 each() 方法计算每个类 mon 的总数。请让我知道它是否有效？

您可以使用 ID mon_total 更改您的总计。