删除上传的图片

Question

我想知道如何在每次出现图像时出现红色“X”。红色“X”用于删除用户选择的图像，每个图像上的红色X.现在X只是坐在容器的顶部，它只显示一次，如果我点击X所有图像消失，我不想说我想删除单个图像。我该怎样才能做到这一点？这就是我所拥有的。

    <div id="fotos" class="bananas"><img class="modal-content" id="imgdisplay" /></div>



<script>
$(".container5").on("dblclick", ".imgKLIK5", function () {

    var self = $(this);

    $(self).remove();
    $('#file1').val("");
});

var $btn = $("#imgdisplay");
$btn.click(function () {
    $("#fotos img:last-child").remove()
    $btn.hide();
});
</script>

Answer 1

假设您已将div.bananas包裹在父div的{​​{1}}内，您可以使用wrapper代替.closest('.wrapper')。

.parent().find()

$('.bananas').click(function(e) {
  $(this).closest(".wrapper").remove();
});

img {
  width: 200px;
  height: 200px;
}
.wrapper {
  float: left;
}