jquery 选择具有某些属性的子级的父级

Question

我读过这个问题:

jQuery - select children which has specific styles

但我的问题有点不同。

我想选择他们的第一级 child (并非所有后代)具有某些特定风格的 parent 。像这样的事情:

<ul id="BIG">
    <li>Home

        <ul id="SMALL">
            <li> 123 </li>
            <li name="foo"> 123 </li>
            <li> 123 </li>
        </ul>

    </li>
    <li>Articles</li>
    <li>Petitions</li>
    <li>Contact</li>
</ul>

我想捕获 id="SMALL"的 UL。但我的选择器捕获了所有 2 个 UL 标签:

$('ul:has(li[name="foo"])')

有什么建议吗？

Answer 1

使用child选择器 >，如下所示:

$('ul > li[name="foo"]').parent()

查看工作 demo