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

如果脚本标签出现在元素之前，您将需要一个 dom 就绪函数，并且在使用哈希作为 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();