1

嗨，我对 jquery 以及正确使用它以将函数应用于 div 的方式非常陌生，但它与多个 div 共享它的类。我想要的是在鼠标输入上一次应用 .slideUp() 到一个 div 。我的问题是它们都有相同的类，当我的鼠标进入任何 div 时，它们都会向上滑动。下面是我使用 .hide 切换的带有 jquery 的 html。我知道我需要使用某种变量或选择器来告诉 jquery 要做什么，但我想不出该怎么做。任何帮助都感激不尽。

这是jQuery

$(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 回答