jquery - 点击删除父div

我试图删除一个点击链接的div。问题是同一个div和link有多个结构，我试图创建一个函数，但它删除了所有div

$(document).on("click", ".fd-bxx-cls", function(e) {
  e.preventdefault;
  $(this).parents('.fd-box2').fadeOut(300);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fd-box2">
  <div class="fd-box3">
    <a href="#" class="fd-bxx-cls"></a>
    <a class="fd-avtar-s" href="#"><img src="images/avatr_s.png" /></a>
    <div class="fd-nme-info">
      <span class="fd-mn-ttl">Robert Porter</span>
      <span class="fd-mncn-ttl">Pheonix, AZ</span>
    </div>
    <a href="#" class="ep-btns fd-msg-btn"></a>
  </div>
</div>

最佳答案

把祖父母赶出去应该管用。

$(this).parent().parent().fadeOut(300);

另一种可能是使用.closest()。

$(this).closest(".fd-box2").fadeOut(300);