Javascript jQuery隐藏单个类元素

我对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();
  });
});

HTML
Javascript
$（文档）.ready（函数（）{
$（“.close”）。单击（函数（）{
$（“.file”）.hide（）；
});
});

显然，我想单击按钮使图像消失，从您可以看到的内容中，它将隐藏文件类中的所有div。那不是我想要的。我只想关闭包含您单击的按钮的div。我知道我可以使用ID，但我宁愿不使用。对于我正在进行的工作，我有很多类似的情况，我只是在寻找紧凑的代码。希望这是有道理的

非常感谢

试试这个

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