如何我可以选择特定的div从多个div在jquery

Question

我有这样的事情，我需要显示每个父母的主div的每个称为“plink”的div，所以我试图淡入“.plink”但它做同样功能的所有div的“砰砰”

<script> 

    $(document).ready(function(){ 
     $('.plink').hide(); 
     $('.project').mouseover(function(){ 
      $(this).next('.plink').fadeIn(400); 
     }); 
     $('.project').mouseleave(function(){ 
      $(this).next('.plink').fadeOut(200); 
     }); 

    }); 

</script> 

<div class="project"> 
    <div class="plink"> 
     <div class="go"></div> 
     <div class="goplus"><img src="images/more.png" border="0"/></div> 
    </div> 
    <div class="pic"><img src="images/portfolio_pic2.png" border="0" alt="projectname"/></div> 
    <div class="title">Test1</div> 
</div> 
<div class="spacer_project"></div> 
<div class="project"> 
    <div class="plink"> 
     <div class="go"></div> 
     <div class="goplus"><img src="images/more.png" border="0"/></div> 
    </div> 
    <div class="pic"><img src="images/portfolio_pic.png" border="0" alt="projectname"/></div> 
    <div class="title">test2</div> 
</div> 

Answer 1

可以使用find()代替next() ...

$(this).find('.plink').fadeIn(400); 

因为this是你.project格，那么你需要“找到”你看的孩子元素为...而努力。使用next()意味着你会得到非常下一个元素如果它选择相匹配（即，它检查是否下一个.project DIV的.plink选择匹配）

Answer 2

我会去查找路径一样musefan建议。下面是解决方案代码：

http://jsfiddle.net/bx7YC/

<div class="project"> 
    <div class="plink"> 
     <div class="go">go</div> 
     <div class="goplus">goplus</div> 
    </div> 
    <div class="pic">pic</div> 
    <div class="title">Test1</div> 
</div> 

<div class="spacer_project"></div> 

<div class="project"> 
    <div class="plink"> 
     <div class="go">go</div> 
     <div class="goplus">goplus</div> 
    </div> 
    <div class="pic">pic</div> 
    <div class="title">Test2</div> 
</div>​ 

$('.plink').hide(); 

$('.project').mouseover(function(){ 
    $(this).find('.plink').fadeIn(400); 
}); 
$('.project').mouseleave(function(){ 
    $(this).find('.plink').fadeOut(200); 
});​ 

我替换为的jsfiddle简单的文本破IMG的链接。