Question

如何在点击任何子图像时删除整个div？这是我的HTML：

<div id="list1">
        <img src="FILE1.JPG" class="img">
        <img src="FILE2.JPG" class="img">
        <img src="FILE3.JPG" class="img">
</div>

<div id="list2">
        <img src="FILE4.JPG" class="img">
        <img src="FILE5.JPG" class="img">
        <img src="FILE6.JPG" class="img">
        <img src="FILE7.JPG" class="img">
</div>

这是jquery：

$('.img').click(function() {
    var $img = $(this);
    $.ajax({
        url: 'save-image.php?q=' + $(this).attr('id'),
        dataType: 'json',
        success: function(data) {
            $img.closest('div').remove();
        }
    });
});

我需要在图像点击时运行更新脚本，但是我需要整个div消失。此代码无效。

Answer 1

使用jQuery的.parent()和.remove()

Answer 2

    $('img').click(function() {

    var clicked = $(this);

    $.ajax({
        url: 'ajax.php?q=' + $(this).attr('id'),
        dataType: 'json',
        success: function(data) {

            clicked.parent('div:first').remove();

        }
      });
    });

Answer 3

您可以尝试使用父级和删除方法

$('img').click(function() {
    var $this = $(this);
    $.ajax({
        url: 'ajax.php?q=' + $this.attr('id'),
        dataType: 'json',
         success: function(data) {
            $this.parent().remove();
         }
     });
});

Answer 4

试试这个，

<强> Live Demo

$('img').click(function(){    
  $(this).closest('div').remove();
});

如果你可以将一些类分配给img

会更好

$('.img').click(function(){    
  $(this).closest('div').remove();
});

Answer 5

如果您使用的是jQuery，那么您可以：

$('img').on('click', function(e) {
   $(this).parent().remove();
}

Answer 6

This应该可以帮助您完成任务。

parent（[selector]）返回：jQuery描述：获取父项可选地，当前匹配元素集中的每个元素由选择器过滤。

页面上给出的第一个示例几乎与您的问题相同。

如何在单击子项时删除父项

6 个答案: