点击不起作用jquery

时间:2016-04-19 14:16:58

标签: javascript jquery

我创建了一个表,想要在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'));
    });

我也尝试过这个。但没有任何反应。

1 个答案:

答案 0 :(得分:2)

试试这个:

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