javascript - jQuery：选择父列表项

Question

当子列表悬停时，我试图更改父列表项的 css 类。例如，我有：

<ul class="ipro_menu">
    <li class="menu-first">
        <a href="#">First</a>
        <ul class="sub-menu">
            <li><a href="#">Other A</a></li>
            <li><a href="#">Other B</a></li>
        </ul>
    </li>
    <li class="menu-second"><a href="#">Second</a></li>
</ul>

所以，我想要完成的是当一个.sub-menu li元素悬停时，更改li它所在的父级的类。在此示例中，如果li悬停包含“其他 A”或“其他 B”，请更改li.menu-first.

我试过了：

$('.sub-menu li').hover(function(){
    //$(this).closest('.ipro_menu li').addClass('color_a');
    //$(this).parent().addClass('color_a');
    //$(this).parents('li').prev().addClass('color_a');
            // None of the above 3 worked...
});

Answer 1

我想你只是想要：

$(this).parents("li").addClass("color_a")

那应该行得通。我不知道你为什么.prev()在你的尝试中添加。