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()。