javascript - 单击子项时如何删除父项

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