Question

我在点击.icon-trash

上删除父级时遇到问题

<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>

我的js代码只删除带有类.icon-on-img

的元素

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

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

Answer 1

试试这个

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

Answer 2

这里的工作示例:(点击橙色框）http://jsfiddle.net/cpEff/

刚刚从父div中添加了类'.ui-wrapper'到你的jQuery

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

Answer 3

以下代码应该有效：

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

Answer 4

在活动上使用正文

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

工作jsfiddle http://jsfiddle.net/HdMNY/

parent（）。remove无法正常工作

4 个答案: