jquery淡入多个div

我从数据库中加载了多个图像，每个图像的底部都有一个共享按钮。。。单击“共享”按钮时，将显示一个具有不同共享选项的新div

我的问题是当我按下共享按钮时。。。隐藏的div是为页面上的所有图像显示的，我只想为一个图像而不是所有图像显示

这就是我到目前为止所拥有的：

HTML

剧本

$(document).ready(function(){
    $(".share-holder").click(function(){
        $(".share-fadein").fadeIn();
    });
}); 

谢谢

将您的JS更改为：

$(document).ready(function(){
   $(".share-holder").click(function(){
   $(this).next().fadeIn();
});
}); 

这样做：

获取与单击的

.share holder

最近的

.share fadein

---

请参阅jQuery。

如果使用jQuery 1.4.3+更好地使用

$(document).ready(function(){
  $(this).delegate(".share-holder", "click", function() {
    $(this).next().fadeIn();
  });
}); 

---

更好，因为每个元素都有一个监听器，而不是“单击”监听器，所以内存使用率要低得多。

在单击回调中使用

这个
指针，而不是classnameJohan，你是对的，但是我们在项目中使用jQuery 1.6.2，所以我习惯于委托（）。：）请添加一些解释性的文字，使之成为一个有用的答案-谢谢。我看到这是在JSFIDLE上工作的。。。。我的代码中可能有冲突。。。因为对我来说是不工作的…我将创建一个新的页面只是为了测试这个。。。我会回来为这个答案投票…谢谢我不知道你是否在这个脚本之前附加了jquery。我的问题是jquery插件，这是一个冲突…现在我修复了它…谢谢大家的答案
$(document).ready(function(){
   $(".share-holder").click(function(){
   $(this).next().fadeIn();
});
}); 

$(".share-holder").click(function(){
    $(this).next(".share-fadein").fadeIn();
});     //--^^^^^^^^^^^^^^^^^^^^-------this will only fadesin the ".share-fadein"

$(document).ready(function(){
   $(".share-holder").click(function(){
    $(this).closest('.share-fadein').fadeIn();
 });
}); 

$(document).ready(function(){
  $(this).delegate(".share-holder", "click", function() {
    $(this).next().fadeIn();
  });
});