删除动态添加的元素

Question

我查看了其他一些帖子，但找不到答案，很抱歉，如果这是一个有点愚蠢的问题。

我有一个div  我动态添加span元素，比如<span id="agolf-squirecreek1.jpg">golf-squirecreek1.jpg</span>.我需要在点击时动态删除这些元素。我有与.live（）链接的click事件，但remove（）不会对它起作用。有什么想法吗？

Answer 1

尝试使用.remove

http://api.jquery.com/remove/

或者

为什么不使用

隐藏点击元素

.hide()

或通过放置样式或类。 .add（）或.addClass

或用.html or .text

替换html本身

Answer 2

这会在span的上下文中点击时删除div#id。

$('div#id').delegate('span', 'click', function() {
  $(this).remove();
});

如果要删除元素中的所有内容，可以使用.empty()，此外，如果要删除span元素但保留其事件处理程序/数据对象，可以使用.detach()这是有用的如果您打算将元素添加回DOM。