javascript - jQuery隐藏最近(“div”)不起作用

Question

我有这样的文件上传

<div class="wrapper" style="margin-top:20px;">
    <input class="fileUpload" type="file" />
    <br />
    <div class="image-holder"></div>
    <div>
        <input style="display:none" class="cancella_immagine" type="button" value="cancella">
    </div>
</div>

当我上传图片时，html代码会以这种方式更改

<div class="wrapper" style="margin-top:20px;">
    <input class="fileUpload" type="file" />
    <br />
    <div class="image-holder"></div>
    <img src="blabla/image.jpg" class="thumb-image">
    <div>
        <input style="display:none" class="cancella_immagine" type="button" value="cancella">
    </div>
</div>

现在我想使用jQuery函数来隐藏图像，我正在尝试

$(document).on('click', '.cancella_immagine', function() {
  $(this).closest('div').find('.thumb-image').hide();
});

但这不起作用

Answer 1

尝试将closest()与选择器一起使用，

$(document).on('click','.cancella_immagine', function () {
  $(this).closest('div.image-holder').find('.thumb-image').hide();
});

或者您也可以使用 .prev()来完成此操作，

$(document).on('click','.cancella_immagine', function () {
  $(this).parent().prev('.thumb-image').hide();
});