Javascript 父项（）.remove无法正常工作

我在单击时删除父项时遇到问题。图标垃圾

<div class="ui-wrapper ui-draggable">
  <img id="link1" class="decor ui-resizable" src="http://i.imgur.com/nYkdOne.png">
  <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
  <div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
  <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
  <img class="icon-layer-up icon-on-img" src="" style="z-index: 1;">
  <img class="icon-layer-down icon-on-img" src="" style="z-index: 1;">
  <img class="icon-trash icon-on-img" src="" style="z-index: 1;">
  <img class="icon-copy-el icon-on-img" src="" style="z-index: 1;">
</div>

---

如何通过单击.icon trash元素删除所有内容？

以下代码应该可以工作：

$('.icon-trash').on('click', function() {  
  $(this).parent().remove();
});

试试这个

这里的工作示例：（单击橙色框）

刚刚将父div中的类“.ui包装器”添加到jQuery中

$(document).on('click', '.icon-trash', function() {  
  $(this).parent('.ui-wrapper').remove();
});

在活动中使用body

$('body').on('click', '.icon-trash', function() {  
    $(this).parent().remove();
 });

---

使用JSFIDLE时

代码是否真的被调用？是否有任何错误？我尝试了您的代码，它在JSFIDLE中运行良好。哇，看看所有这些答案，试图修复未损坏的内容。我想我可能在事件传播方面有一些问题。哪个问题？这个代码很好用。您是否暗示您的浏览器在执行事件冒泡时存在问题？这将是非常令人惊讶的。我假设op方法用于授权。您的上述答案无法提供此信息，请坚持使用英语。@mattias yep刚刚看到，并用question@lipenco很抱歉，如果.parent（）中没有类，它也可以工作。是否确实包含jQuery？

$(document).on('click', '.icon-trash', function() {  
  $(this).parent('.ui-wrapper').remove();
});

$('body').on('click', '.icon-trash', function() {  
    $(this).parent().remove();
 });