jquery - 如何仅在所选项目上切换列表菜单中的类？

Question

我需要建立一个list-menu有hover效果的。我想要toggle一个包含其他几个类的类。这通常有效，但我有一个问题，即切换效果是在我的列表菜单中的所有列表项上切换类，而不仅仅是在我通过悬停选择的项上。

我做了一个小提琴给你看。

JS小提琴

$(document).ready(function() {

    $("li a").hover(function() {
    $(".lvl3-hover").toggle();

})

});

Answer 1

您需要使用.find()仅过滤接收悬停事件的元素：

$(document).ready(function() {
    $("li a").hover(function() {
        $(this).find(".lvl3-hover").toggle();
    });
});

Answer 2

将鼠标悬停给'>'事件持有者的直接孩子：

试试这个：

$("li a").hover(function () {
    $("> .lvl3-hover", this).toggle();
});