使用jquery单击“X”时如何删除包含图像的div？

2023年1月24日 189次阅读

我制作了一个带有图像的盒子,右上角有一个X.当我点击它时,我希望它删除图像,框和X.但是没有任何反应.请不要苛刻我是
Jquery和javascript的新手.提前致谢.

<span class="removethis">    
<div class="imformationbox1" >  
<div class="col-lg-12">
<button type="button" class="deletebutton" id="" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;<  /span></button>    
<a href="#" id="" title="Image 2"><img src="http://placehold.it/250x250 class="thumbnail img-responsive"></a>    
</div>
</div> 
</span>

<script>
$( ".deletebutton" ).click(function() {
$( ".removethis" ).remove();
});
</script>

最佳答案 它非常简单..只需使用
closest()

<script>
$(document).on('click',".deletebutton" ,function() {
 $(this).closest(".removethis" ).remove();
});
</script>

或者你可以使用parent()

<script>
    $(document).on('click',".deletebutton" ,function() {
     $(this).parent().parent().parent().remove();
    });
</script>

如果您动态附加此数据,请使用

$(document).on('click',".deletebutton" , function(){});
点赞