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。我知道我可以使用ID但我不愿意。对于我正在研究的东西，我有很多类似的情况，我只是在寻找紧凑的代码。希望这是有道理的。

非常有责任！

Answer 1

试试这个

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

jQuery隐藏单个类元素

1 个答案: