Javascript jQuery-循环浏览图像并隐藏除单击图像以外的所有图像

以下是我的图像HTML：

<img id="polaroid1" class="polaroid" onclick="fadeImages(this)" src="images/polaroid1.png">
<img id="polaroid2" class="polaroid" onclick="fadeImages(this)" src="images/polaroid2.png">
<img id="polaroid3" class="polaroid" onclick="fadeImages(this)" src="images/polaroid3.png">

基本上，除了单击的图像外，我希望所有图像都淡出，但我不知道如何将单击的图像ID传递到'each（）'函数中。有什么想法吗

function fadeImages(e) {
    $('.polaroid').not(e).animate({opacity: 0}, 500);    
}

更好的方法是删除图像上的

onclick

，并使用jQuery的强大功能

像这样

$(function(){
    var $imgs = $('.polaroid');
    $imgs.click(function(){
         $imgs.not(this).animate({opacity: 0}, 500);
    });
})

更好的方法是删除图像上的

onclick

，并使用jQuery的强大功能

像这样

$(function(){
    var $imgs = $('.polaroid');
    $imgs.click(function(){
         $imgs.not(this).animate({opacity: 0}, 500);
    });
})

---

在每个图像上绑定一个单击事件，使其所有同级元素淡入淡出

$('img.polaroid').on('click', function(event) {
  $(this).siblings('.polaroid').animate({opacity: 0}, 500);
});

---

在每个图像上绑定一个单击事件，使其所有同级元素淡入淡出

$('img.polaroid').on('click', function(event) {
  $(this).siblings('.polaroid').animate({opacity: 0}, 500);
});

---

您需要使用

$（this）

才能在单击的图像上获得jQuery选择器。谢谢。出于某种原因，我对此有一个想法障碍。您需要使用

$（this）

，以便在单击的图像上获得jQuery选择器。谢谢。出于某种原因，我对此有一种心理障碍。