1

リンクをクリックしてdivを削除しようとしています。問題は、同じ div とリンクの複数の構造があり、関数を作成しようとしたが、すべての 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>

4

2 に答える 2

7

祖父母のフェードアウトは機能するはずです。

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

別の可能性は、を使用すること.closest()です。

$(this).closest(".fd-box2").fadeOut(300);
于 2012-10-21T10:23:59.680 に答える
1

parent()の代わりにclosest()メソッドを使用する必要があります。ドキュメントの違いを参照してください。

また、要素を削除する (非表示にするだけでなく) 場合は、remove() メソッドを使用します。

于 2012-10-21T10:31:47.503 に答える