javascript - $(this)在动态创建的元素上不起作用

我将输入字段附加到动作的div上。当我尝试使用$(this).val()访问输入字段中的值时，我只是得到空值。

$('#div').append('<td class = "fund-amount"><input type="number" class="custom-amount" id='+value.response_code+' placeholder="Rs."></td>');

根据操作，可以在div上附加任意数量的输入字段。我想获取在每个字段上输入的值。当我尝试使用下面的这种方法来获取价值时，它没有奏效。但是当我得到动态创建的id值并用于$(this)的地方时，它起作用了

 $(document).keyup('.custom-amount',function(){
     console.log($(this).val()); //just logging empty
     console.log($(this).attr('id')); //Logged undefined

  })

但是这个有效

 $(document).keyup('#100520',function(){
     console.log($('#100520').val());//works
     console.log($('#100520').val());//works
 });

我的方法有什么问题吗？

最佳答案

$(document).on('key-up','.custom-amount',function(){
     console.log($(this).val()); //just logging empty
     console.log($(this).attr('id')); //Logged undefined

  })