我试图删除我的html页面上的一个对象,该对象是用jQuery动态添加的,当然,它不是删除元素.下面是一小段jQuery代码,下面是我的HTML代码.当我查看控制台日志时,消息已成功打印,但对象仍在屏幕上.是否有我遗漏的内容？

发生了什么:
当用户点击

元素"MATH"时,应该在其下面出现一个带有"content"类的div.然后,当单击该div元素时,应删除该对象.

jQuery代码:

 $(document).ready(function (){
        var subject = $('.subject');
        var content = "
 
some text
 
";
        subject.click(function(){
            $(this).append('
' + content + '
');
        });
        $(document).on('click','div.content', function(){
            console.log("no such luck");//this prints
            $(this).remove();//this does not remove element however
        });
    });

HTML代码:

...


    

        
MATH
    
 
 

我之前在Codeacademy示例中使用过上面的代码,它运行正常.

1> adeneo..：

---

它确实删除了元素,但是click会传播到.subject事件处理程序,它只是插入另一个元素.

由于您需要传播才能委派给文档,因此您可以确保.subject事件处理程序在未直接单击时不会插入更多元素

subject.click(function(e) {
    if ( e.target === this )
        $(this).append('
' + content + '
');
});

小提琴