移除被单击的元素所在的Div

Removing the Div that a clicked Element is inside of

本文关键字：Div 元素 单击      更新时间：2023-09-26

当您单击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>

感谢所有的帮助!

如果script标签出现在元素之前，您将需要一个dom ready函数，并且在使用散列作为href时防止默认滚动到顶部通常是一个好主意。单击delete按钮时，使用closest()查找与bottomsurgicalhistory类最接近的父类:

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

只需替换以下代码:

$(this).remove();

:

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

试试这个

$(this).parent().remove();
相关文章：