Question

我打算在打开一个模态窗口后删除一个div，此刻我被卡住了，因为我无法将其删除。

html是：

<h1>Delete individual image divs</h1>
<div class="image"><a href="#text">open delete modal</a>
</div>
<div class="image"><a href="#text">open delete modal</a>
</div>
<div class="image"><a href="#text">open delete modal</a>
</div>

<!-- lightbox container hidden with CSS -->
<div class="lightbox" id="text">
<div class="box">
<a class="close" href="#">X</a>
<p class="title">Modal Window with Text</p>
<div class="content">
    <a class="delete" href="#delete">Delete</a>
</div>
</div>
</div>

jQuery是：

$(document).on('click', '.delete', function(e) {
e.preventDefault();
$(this).closest('.image').remove();
return false;
});

任何帮助都会受到极大的欢迎。我即将从这个中获得一个光头。

可在此处找到它的一个版本：

https://jsfiddle.net/damianbuttle/hod6sk3r/1/

Answer 1

正如@showdev在他的评论中指出的那样，$（this）与必须删除的元素没有关联。您可以为单击的div添加另一个处理程序：

var currentImage = null;
$('.image').click(function() {
    currentImage = $(this);
});

然后你的删除应该看起来像像这样：

$('.delete').click(function() {
    currentImage.remove();
});

检查出来：https://jsfiddle.net/hod6sk3r/7/

用模态删除最近的div

1 个答案: