Question

我制作了一个带有图像的盒子，右上角有一个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>

Answer 1

非常简单..只需使用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(){});

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

1 个答案: