Question

我读过这个问题：

jQuery - select children which has specific styles

但我的问题有点不同。

我想选择他们的第一级孩子（不是所有后代）都有某些风格的父母。像这样：

<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

试试这个：

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

Demo here

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

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

Answer 2

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

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

见工作demo

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

2 个答案: