javascript - 点击后 jquery 不起作用

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 7 年前。

我创建了一个表，并希望在 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'));
    });

我也尝试过使用 this.id 但没有任何反应。

Answer 1

试试这个:

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