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

Question

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

我向你展示了一个小提琴。

JS fiddle

$(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();
});