がクリックされていないjquery

Question

私はテーブルを作成して、クリックしてIDを取得します。データは、ajaxコールを介した人口であり、削除をクリックするとIDが必要になります。その場でその要素が追加されます。

$.ajax({ 
     url: 'http://localhost:8080/getUsers, 
     type: 'GET', 
     success: function (data, textStatus, jqXHR) { 
      $.each(data, function (index, result) { 
       $("<tr></tr>").attr("id",result.user_id+"userTr").appendTo("#userTBody"); 
       $("<td></td>").attr("id",result.user_id+"userName").appendTo("#"+result.user_id+"userTr"); 
       $("#"+result.user_id+"userName").html(result.username); 
       $("<td></td>").attr("id",result.user_id).appendTo("#"+result.user_id+"userTr"); 
       $("#"+result.user_id).html('Delete'); 
       $("#"+result.user_id).css('cursor', 'pointer'); 
       $("#"+result.user_id).addClass("delete"); 
      }); 
     }, 
     error: function() { 
      alert('err') 
     } 
    }); 

$('.delete').on('click', function() { 
     alert($(this).attr('id')); 
    }); 

私もthis.idで試してみましたが、何も起こりません。

Answer 1

これを試してみてください：

$(document).on('click', '.delete', function() { 
    alert($(this).attr('id')); 
});