获取具有特定类的子元素的父元素

Question

我有一个这样的嵌套菜单:

<ul id="menu">
    <li>Home
        <ul>
            <li>New</li>
            <li class="selected">Open</li>
            <li>Folder</li>
        </ul>
    </li>
    <li>Another menu
        <ul>
            <li>submenu item 1</li>
            <li>submenu item 2</li>
            <li>submenu item 3</li>
        </ul>
    </li>
</ul>

现在我正在尝试更改第一个LI元素(包含Home的元素)的类,因为它有一个带有"selected"类的子元素.这可能使用jQuery吗？

Answer 1

捕捉目标的更快,更精确的方法.

$("li.selected").parents("#menu").addClass('foo');

更新为第一个li子项添加一些类.

$("li.selected").parents("#menu").addClass('foo').find('li:first').addClass('bar');

我还建议阅读jQuery Traversing文档.