如何一次只对一个元素而不是整个列表应用jquery效果？

我有一个CMS，它生成如下列表：

<div class="span-feed">
<div class="project-thumb"><img src="..." /></div>
<div class="info-overlay"><h1>Something</h1></div>
</div><!--.span-feed-->

谢谢你抽出时间

---

编辑：谢谢@NimChimpsky&@Simon，我已经让它工作了：）

您可以使用这个next，它选择与选择器匹配的下一个元素

$('.project-thumb').mouseover(function(){
    $(this).next('.info-overlay').fadeIn("slow");
});

$('.project-thumb').mouseout(function(){
    $(this).next('.info-overlay').fadeOut();
});

---

将悬停功能与下一个选择器一起使用。

请向我们显示您的javascript，以便我们可以找到错误。请显示与多个缩略图相关的标记。它们是否都在同一个

.info overlay

元素中，或者它们各自出现在各自的父元素

.info overlay

中？谢谢你救了我一天！！

$('.project-thumb').mouseover(function(){
    $(this).next('.info-overlay').fadeIn("slow");
});

$('.project-thumb').mouseout(function(){
    $(this).next('.info-overlay').fadeOut();
});

$('.project-thumb').mouseover(function(){
    $(this).next('.info-overlay').fadeIn("slow");
});

$('.project-thumb').mouseout(function(){
    $(this).next('.info-overlay').fadeOut();
});

$('.project-thumb').hover(function(){
    $(this).next('.info-overlay').fadeIn("slow");
  }, function(){
    $(this).next('.info-overlay').fadeOut();
  });