JSFiddle - React, Tailwind, and code Playground

by Peter Galiba

HTML

<ul class="main">
    <li class="child-1">
        <ul class="grandChild">
            <li class="greatGrandChild-1">Booyah
            </li>
            <li class="greatGrandChild-2">Booyah
            </li>
        </ul>
        <p>Bravo</p>
    </li>
    <li class="child-2">
        <ul class="grandChild">
            <li class="greatGrandChild-1">Booyah
            </li>
            <li class="greatGrandChild-2">Booyah
            </li>
        </ul>
        <p>Bravo</p>
    </li>
    <li class="child-3">
        <ul class="grandChild">
            <li class="greatGrandChild-1">Booyah
            </li>
            <li class="greatGrandChild-2">Booyah
            </li>
        </ul>
        <p>Bravo</p>
    </li>
    <li class="child-4">
        <ul class="grandChild">
            <li class="greatGrandChild-1">Booyah
            </li>
            <li class="greatGrandChild-2">Booyah
            </li>
        </ul>
        <p>Bravo</p>
    </li>
</ul>

JavaScript

console.log($('.main').children().children().length);
console.log($('.main').children().children('.grandChild'));