1

こんにちは、私は jquery とそれを適切に使用して関数を div に適用する方法にかなり慣れていませんが、そのクラスを複数の div と共有しています。私が欲しいのは、マウスの入力時に .slideUp() を一度に div に適用することです。私の問題は、それらがすべて同じクラスを持ち、マウスがいずれかの div に入ると、それらがすべてスライドすることです。以下は、.hide トグルを使用した jquery を使用した私の html です。jqueryに何をすべきかを伝えるために、ある種の変数またはセレクターを使用する必要があることは知っていますが、それを行う方法がわかりません。どんな助けでも大歓迎です。

これはJクエリです

$(document).ready(function(){


        $(".item1, .item2, .item3").mouseenter(function(){
          $(".black_overlay").toggle();
        });

これはhtmlです

<div id="container">
            <div class="item1">
                <div class="black_overlay"><h1 id="mini">New Art Exchange<br/>
                Culture Cloud Campaign</h1></div>               
            </div>
            <div class="item3">
                <div class="black_overlay"><h1 id="mini">New Art Exchange<br/>
                Culture Cloud Campaign</h1></div>
            </div>
            <div class="item2">
                <div class="black_overlay"><h1 id="mini">New Art Exchange<br/>
                Culture Cloud Campaign</h1></div>   
            </div>
            <div class="item3">
                <div class="black_overlay"><h1 id="mini">New Art Exchange<br/>
                Culture Cloud Campaign</h1></div>
            </div>
            <div class="item2">
                <div class="black_overlay"><h1 id="mini">New Art Exchange<br/>
                Culture Cloud Campaign</h1></div>
            </div>          
</div>

これらすべての div は、最終的に、石積みを使用して画面上で整理する wordpress の投稿になります。

4

1 に答える 1

2

例外を選択するために使用.find()します。

$(".item1, .item2, .item3").mouseenter(function(){
      $(this).find(".black_overlay").toggle();
    });
于 2013-02-21T16:58:34.953 に答える