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 ready函数，并且当使用哈希作为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();

删除单击元素所在的Div

3 个答案: