javascript - 我如何从 jquery 中的多个 div 中选择特定的 div

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 div，所以您需要“找到”您正在寻找的子元素。使用 next() 意味着您将获得下一个元素 if 它与选择器匹配(即检查下一个 .project div 匹配 .plink 选择器)