点击删除父div [英] on click remove parent div

问题描述

我试图通过点击链接来删除div。问题是有相同的div和链接的多个结构，我试着做一个函数，但它删除所有div的

 $（document）.on（click，.fd-bxx-cls，function（e）{e.preventdefault; $（this）.parents ）.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-shref =＃>< 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>

解决方案

.fadeOut（300）;

另一种可能性是使用 .closest（） 。

  $（本）.closest（ FD-BOX2\" 。）淡出（300）。 
  

i am trying to remove a div on click on a link . the problem is there are multiple structure of same div and link and i tried making a function but it removes all div's

$(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>

解决方案

Fading out the grandparent should work.

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

Another possibility is using .closest().

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

这篇关于点击删除父div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！