jquery - 如何使用jQuery删除div？

我有以下代码：

   <div class="container">
    <div class="row">
      <div class="col">
        <a href="1" class="delete_activity">x</a>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <a href="2" class="delete_activity">x</a>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <a href="3" class="delete_activity">x</a>
      </div>
    </div>
  </div>

单击“ delete_activity”后，我需要删除具有该链接的“行” div。
在用户单击X（href = 1）的情况下，我需要删除：

    <div class="row">
      <div class="col">
        <a href="1" class="delete_activity">x</a>
      </div>
    </div>

我该如何使用JQuery？

最佳答案

最好的方法是使用closest()。

$('.delete_activity').click(function(){
    $(this).closest('.row').remove();
});

不要使用parents（除非您要这样做）。

closest将仅删除在DOM树中找到的第一个元素。

parents将删除与DOM树匹配的所有元素。