1

私はこのようなものを持っており、「plink」と呼ばれるすべての div を各親のメイン div に表示する必要があるため、「.plink」をフェードインしようとしましたが、「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>
4

2 に答える 2

4

find()代わりに使用できますnext()...

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

thisあなたの.projectdiv は、探している子要素を「見つける」必要があるためです。を使用すると、セレクターに一致する場合next()に次の要素を取得できます(つまり、次のdiv がセレクターに一致するかどうかを確認します) 。.project.plink

于 2012-08-03T13:58:47.963 に答える
0

musefanが提案したように、私はFINDルートに行きます。ソリューションコードは次のとおりです。

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);
});​

壊れた img リンクを jsfiddle の単純なテキストに置き換えました。

于 2012-08-03T14:00:30.053 に答える