Jquery 当类应用于其他5个div时，如何在鼠标上方仅淡入1个div？ $（“div.test”）.mouseenter（函数（）{ 美元（“div.innerDiv”）.fadeIn（“慢”）； }).mouseleave（函数（）{ 美元（“div.innerDiv”）。淡出（“缓慢”）； }); 1. 2. 3. 4.

所以现在的情况是，如果我把鼠标移到任何一个div上，所有div都会消失。我只想要我悬停在上面的div淡入，而不是全部淡入。我认为有一种方法可以在不更改div结构的情况下更改jQuery，但我不知道如何更改

$("div.test").mouseenter(function() {
                                    $("div.innerDiv").fadeIn("slow");
            }).mouseleave(function() {               
                                    $("div.innerDiv").fadeOut("slow");
            });   

<div class="test">
<div class="innerDiv">1</div>
</div>

<div class="test">
<div class="innerDiv">2</div>
</div>

<div class="test">
<div class="innerDiv">3</div>
</div>

<div class="test">
<div class="innerDiv">4</div>
</div>

$("div.test")
    .mouseenter(function() {
        $(this).find("div.innerDiv").fadeIn("slow");
    }).mouseleave(function() {               
        $(this).find("div.innerDiv").fadeOut("slow");
    });   

给你

$("div.test")
    .mouseenter(function() {
        $(this).find("div.innerDiv").fadeIn("slow");
    }).mouseleave(function() {               
        $(this).find("div.innerDiv").fadeOut("slow");
    });   

---

使用

此

而不是字符串作为选择器

检查

---

顺便说一句，我想您应该先

fadeOut

，而不是

fadeIn

使用

这个

而不是字符串作为选择器

检查

---

顺便说一句，我想你首先想淡出，而不是淡出，哈哈，我的源代码中有这个，我不知道问题是怎么结束的。对于未来的读者来说，

这个

的所有者是

.test

，这不是我想做的。哈哈，我的源代码中确实有这个，我不知道这个问题是怎么结束的。对于未来的读者来说，

this

的所有者是

.test

，这不是我想做的。对于未来的读者来说，

this

的所有者是

div.test

，但它为未来的读者找到了

div.innerDiv

，

this

的所有者是

div.test

，但它查找

div.innerDiv

$(".test").mouseenter(function() {
    $(this).fadeOut("slow");
}).mouseleave(function() {               
    $(this).fadeIn("slow");
});