ボタンのクリックでバインドをクリックします。バインドのバインド

Question

私は準備が整ったDOMのHtmlテーブルを用意して、特定の行のボタンをクリックしようとしています。以下は私のコードです。

$.ajax({ 
    url:   Url + token, 
    method:   "POST", 
    async:   true, 
    data:   JSON.stringify(data), 
    contentType: "application/json; charset=utf-8", 
    success: function (Result) { 
     var editButton = '<input type="button" class="EditRole" value="Edit">'; 
     $.each(Roles, function(key, Role) { 
      var Action = PrepareTd(editButton); 
      var tr = '<tr attr-id="' + Role.RoleID + '">' + Action + "</tr>"; 
      tbody.append(tr);   
     }); 
    }, 
    error: function (jqXHR) { 
     ErrorCallback(jqXHR); 
    } 
}); 

$(document).ready(function() { 
    $('.EditRole').on("click", function() { 
     debugger; 
     console.log($(this).parent()); 
    }); 
}); 

このデバッガーは決してヒットしません。何か不足していますか？

Answer 1

それはこの

$(document).ready(function() { 
    $(document).on("click", '.EditRole', function() { 
     console.log($(this).parent()); 
    }); 
});