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

Question

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

我做了一个 fiddle 给你看。

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