无法调用动态添加的类

我试图通过ajax调用填充数据的页面中完成删除。 我的页面在加载数据之前有这个：

在ajax调用后，我填写以下信息：

 function(data){ $('#ShowSelectedCategories').prepend(' x ' + data +' &nbsp '); } 

最后点击后我想删除点击的元素，但它不起作用。

 $(function(){ $("#ShowSelectedCategories").click(function(e){ e.target.outerHTML //this is the part i want to remove after click e.preventDefault(); }) 

我尝试了$(".DeleteCat).click()但是这给了错误，因为具有该类的元素是动态创建的。

感谢您的帮助

Answer 1

 $('#ShowSelectedCategories').on('click', '.DeleteCat', function(e){ $(this).remove(); e.preventDefault(); }); 

http://jsfiddle.net/Dj5NQ/

Answer 2

试试$(e.target).remove() ，

 $("#ShowSelectedCategories").click(function(e){ $(e.target).remove(); e.preventDefault(); }); 

如果你想删除具有id ShowSelectedCategories的span中具有类DeleteCat的元素，那么你可以这样做，

 $("#ShowSelectedCategories").on("click", "DeleteCat" function(e){ $(this).remove(); e.preventDefault(); }); 

Answer 3

使用这样的东西来调用动态添加的类

 $('.class').live("click", function(){ $('#id').remove(); });