通过单击隐藏动态创建的按钮

Question

在我的Django项目中，我有一个ajax搜索，它返回一个结果列表以及按钮＆＃34; Add＆＃34;

我想要的是什么：

1. 点击＆＃34;添加＆＃34;
2. 结果已添加到第
页的div中
3. 按钮＆＃34;添加＆＃34;消失

工作p。 1-2但不是3

jQuery的AJAX

$(document).on('click', '.button-add', ->
    catid = $(this).attr("data-catid")
    title = $(this).attr("data-title")
    url = $(this).attr("data-url")
    $.get('/test/auto_add_page/', {category_id:catid, title:title, url:url}, (data) ->
        $('#pages').html(data)
        $(this).hide()
        ))

Answer 1

this内的

get现在指的是另一个对象。将它保存在外部块中的变量中并引用它。

$(document).on('click', '.button-add', ->
    button = $(this)
    catid = button.attr("data-catid")
    title = button.attr("data-title")
    url = button.attr("data-url")
    $.get('/test/auto_add_page/', {category_id:catid, title:title, url:url}, (data) ->
        $('#pages').html(data)
        button.hide()
    ))