jquery - リストで直接の子のみを選択するには?

Question

たとえば、私は単純なリストを持っています

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

そして、私は<li>秒にあるものを除くすべてを取得しようとしてい<ul>ます。最初に私は試してみましたがul li、ul > liそれでもすべてを取得しています<li>。

Answer 1

>これを次のように使用します

jQuery( "parent > child" )

最初の ul にクラスを配置します

<ul class ='ul-parent'>

クラスセレクターを次のように使用します

$('ul.ul-parent > li')

Answer 2

試す

$('ul:first').children('li')

これはお勧めしません。id/class を最上位の u​​l に追加し、それを使用して子を選択することをお勧めします。

<ul id="topul">
    <li></li>
    <li></li>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
    <li></li>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
</ul>

それで

$('#topul').children('li')

Answer 3

使用できます

$('li').not('ul ul li')

liこれにより、第 1 レベルの要素のみが選択されます。