Удаление Div, которое нажал элемент, находится внутри

Question

Я пытаюсь удалить родительский div со страницы, когда вы нажимаете href внутри div. Может быть больше одного из одного div, или я бы просто использовал имя класса. Я попытался использовать $ (this) .remove(); но это удаляет только кнопку удаления. Я изучил родительские атрибуты, но я не уверен, что полностью понимаю, как это работает.

Это то, что у меня есть:

<script>   
$(".delete-button").click(function(){ 
    $(this).remove();   
}); 
</script> 


<div class="bottomsurgicalhistory"> 

    "Div Content is Here" 
    <li class="delete"><a href="#" class="delete-button"></a></li> 
</div> 

<div class="bottomsurgicalhistory"> 

    "Div Content is Here" 
    <li class="delete"><a href="#" class="delete-button"></a></li> 
</div> 

Вся помощь ценится!

Answer 1

Если тег скрипта предшествует элементам, вам понадобится функция готовности дома и предотвращение прокрутки по умолчанию вверху при использовании хэша в качестве href, как правило, хорошая идея. При нажатии на кнопку удаления, используйте closest(), чтобы найти ближайший родитель, который Мэйтс в bottomsurgicalhistory класс:

$(function() { 
    $(".delete-button").on('click', function(e){ 
     e.preventDefault(); 
     $(this).closest('.bottomsurgicalhistory').remove();   
    }); 
}); 

Answer 2

Просто замените ваш следующий код:

$(this).remove(); 

для этого:

$(this).parent().remove(); 

Answer 3

Попробуй это.

$(this).parent().remove();