单击Child Div时仅隐藏1个父项

Question

尝试使用.closest（）时遇到问题。

我的页面上有一个重复的父/子div，当我点击这个孩子时，我希望隐藏父级。但只有被点击的孩子的父母。

现在发生的事情是页面上的所有父母都被隐藏了。

以下是代码：HTML

<div class="parent">
    <a href="#" class="child">I'm the child</a>
</div>
<div class="parent">
    <a href="#" class="child">I'm the child</a>
</div>
<div class="parent">
    <a href="#" class="child">I'm the child</a>
</div>

JQuery

$( ".child" ).click(function() {
  $( ".child" ).closest( ".parent" ).fadeOut();
});

任何想法我做错了什么？提前谢谢！

Answer 1

使用$（this）引用单击的元素。

Style