jquery - 選択した親 li のネストされたすべての li をターゲットにします

Question

互いにネストされた 3 つの順序付けられていないリストがあります。2 番目と 3 番目ulは非表示 ( display: none;)

最初のイベントでは、 first of のすべてのul.second要素を表示する必要があります。liul.first

2 番目のイベントでは、first of のすべてのul.third要素を表示する必要があります。コードは次のとおりです。liul.second

HTML

<ul class="first">
<li class="first-element">
    <ul class="second">
        <li class="second-element">
            <ul class="third">
                <li class="third-element"></li>
                <li class="third-element"></li>
                <li class="third-element"></li>
            </ul>
        </li>
        <li class="second-element">
            <ul class="third">
                <li class="third-element"></li>
                <li class="third-element"></li>
                <li class="third-element"></li>
            </ul>
        </li>
        <li class="second-element">
            <ul class="third">
                <li class="third-element"></li>
                <li class="third-element"></li>
                <li class="third-element"></li>
            </ul>
        </li>
    </ul>
</li>
<li class="first-element">
    <ul class="second">
        <li class="second-element">
            <ul class="third">
                <li class="third-element"></li>
                <li class="third-element"></li>
                <li class="third-element"></li>
            </ul>
        </li>
        <li class="second-element">
            <ul class="third">
                <li class="third-element"></li>
                <li class="third-element"></li>
                <li class="third-element"></li>
            </ul>
        </li>
        <li class="second-element">
            <ul class="third">
                <li class="third-element"></li>
                <li class="third-element"></li>
                <li class="third-element"></li>
            </ul>
        </li>
    </ul>
</li>
</ul>

CSS

ul.second li {
    display: none;
}
ul.third li {
    display: none;
}

JS

$('li.first-element:eq(0) li.second-element').show(); // works fine, it shows only li.second-element of ul.first first li
$('li.second-element:eq(0) li.third-element').show(); // does not work, in log it gives me empty []

他の方法でターゲティングli.second-element:eq(0) li.third-elementする方法は?

Answer 1

それから

$('.first li:eq(0) .second > li');
$('.second > li:eq(0) .third > li');