auf klicken funktioniert nicht jquery

Question

Ich habe eine Tabelle erstellt und möchte eine ID auf einem td klicken. Die Daten werden durch einen Ajax-Aufruf bevölkert, und ich möchte eine ID, wenn auf Löschen geklickt wird. So werden im Laufe der Zeit die Elemente hinzugefügt.

$.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')); 
    }); 

Ich habe auch mit this.id versucht, aber nichts passiert.

Answer 1

Versuchen Sie folgendes:

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