如何使用jquery單擊「X」時刪除包含圖像的div？

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(){});