Как удалить div, содержащий изображение при нажатии «X» с помощью jquery?

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