javascript - クリックした要素が含まれる 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

次のコードを置き換えるだけです。

$(this).remove();

これについて：

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

Answer 2

これを試して。

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