我创建了一个表,想要在td点击时获取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'));
});
我也尝试过这个。但没有任何反应。
答案 0 :(得分:2)
试试这个:
$(document).on('click', '.delete', function () {
alert( $(this).attr('id') );
});