javascript - 一次将 jQuery 事件应用到一个类

Question

我有多个具有相同类别的图像，我想在文件上传到相应的文件后隐藏这些图像。

jQuery

$(document).ready(function() {
 $('input[type=file]').change(function(){
  $(".hide").hide();
 });
});

HTML

<img class="hide" src="img1.png">
<label>Choose Image1</label>: <input type="file">

<img class="hide" src="img2.png">
<label>Choose Image2</label>: <input type="file">

如果我上传文件，此代码会隐藏所有图像。

如果我上传了文件 Image1 等，我只想隐藏 img1。

Answer 1

您正在选择隐藏所有内容的类。你应该看看prev()它只选择具有给定类名的前一个元素。

  $(this).prev(".hide").hide();

---

$(document).rady(function() {
 $('input[type=file]').change(function(){
        $(this).prev(".hide").hide();

   });
});