javascript - jQuery 隐藏单个类元素

Question

我对 javascript 和 jquery 有点陌生，并且有一个问题。我不确定是否可以做到，但我相信可以做到。问题是，我不确定如何最好地解释它，所以我很难找到答案。首先，这是我的代码...

HTML

<div class="media">
  <div class="file">
    <button class="close"></button>
    <img src="img/video-image.png" />
  </div>
  <div class="file">
    <button class="close"></button>
    <img src="img/record-image.png" />
  </div>
</div>

Javascript

$(document).ready(function(){
  $(".close").click(function () {
    $(".file").hide();
  });
});

显然，我想点击按钮让图像消失，从你所看到的来看，它将隐藏所有具有文件类的div。那不是我想要的。我想关闭包含您单击的按钮的 div。我知道我可以使用 ids 但我宁愿不使用。我正在处理的事情有很多类似的情况，我只是在寻找紧凑的代码。希望这是有道理的。

非常感谢!

Answer 1

试试这个

 $(document).ready(function(){
    $(".close").click(function () {
       $(this).parent(".file").hide();  
    });
 });