jquery - 如何附加一个按钮，然后告诉该按钮删除 html 元素？

Question

我成功创建了一个 html 链接，单击该链接后，会出现一条消息和按钮。

然后，我希望附加按钮(和消息)在用户单击它时消失。它不起作用，我想知道你是否可以帮助我:

$(document).ready(function() {

    $('#link').click(function() {
        $(this).remove();
            $('.div').append('<h2>Click to remove the button</h2>') .css({'background-color':'#fff'});     
                 $('.div').append('<button>Click me</button>');  
    });

    $('button').click(function() {
        $(this).remove();
    });

});

Answer 1

这是您的 dynamically创建button当您bind时应该在场click event到它。

.click不适用于动态创建的元素。

所以，您必须使用on()就像，

$(document).on('click','button',function() {
    $(this).remove();
});