Question

Here’s my issue: I have nested lists, and I want to grab the size of the largest one without grabbing its children, too. For example:

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

So it would pull 5 (the main list, or 4 assuming 0 index), instead of of 11 or whatever. Thoughts? I’ve tried to mess with the size() function, but it grabs the children as well.

Answer 1

$('ul').each(function() {
    console.log($('> li', this).length);
});​

Returns 5, 2, 4.