Question

Is there a selector in jQuery which refers to only first line of specific children of the main object?
What I’m referring here to is the following structure:

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

I only want apply a trigger to the first line of li not the ones embedded within them.

Answer 1

<ul class="top">
    <li>
        <ul>
            <li></li>
        </ul>
    </li>
    <li>
        <ul>
            <li></li>
        </ul>
    </li>
</ul>

$("ul.top>li")

That means only direct child li nodes of the ul

Otherwise if you don’t have control of the classes you can use

$("ul:first>li")