jQuery Select有具有某些属性的孩子的父母

Question

我已经阅读了此问题：

jQuery-选择具有特定风格的孩子

但是我的问题有些不同。

我想选择父母，他们的第一级孩子（并非所有后裔）都有某些样式。这样的东西：

<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 ="小"捕获UL。但是我的选择器捕获了所有2个UL标签：

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

任何建议？

Answer 1

使用儿童选择器>，例如：

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

请参阅工作 demo

Answer 2

尝试以下：

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

演示。

请注意，根据其属性选择DOM元素很慢。如果可以的话，请尝试限制搜索的范围。例如：

$('#BIG').find('li[name="foo"]').parent();