javascript - jQuery : How to filter elements which have more than a specific number of children?

Question

我如何选择具有多个子元素的元素？

我有这样的东西:

<ul>
    <li>foo<li>
    <li>foo<li>
    <li>foo<li>
</ul>
<ul>
    <li>foo<li>
    <li>foo<li>
</ul>
<ul>
    <li>foo<li>
    <li>foo<li>
    <li>foo<li>
</ul>

我现在正在使用这样的东西:

$('ul').each(function() {
    if ($(this).children().length > 2) {
        // do something
    }
});

我想知道有没有更好的按 child 数量选择的方法？

或者有更好的方法吗？

Answer 1

至少有一条更短的路

$('ul:has(li:eq(2))')

仅针对直系子级，如果这是一个问题，您可以这样做

$('ul:has( > li:eq(2))')

选择任何有 3 个或更多 child 的 UL(eq 从零开始)

FIDDLE