JSFiddle - React, Tailwind, and code Playground

by snover

HTML

<div class="controls nav">
        <ul>
            <li class="first">
                <a id="btnAPI" href="#">Insert API</a>
                <ul>
                    <li><a href="#">Template</a></li>
                    <li><a href="#">Include</a></li>
                </ul>
            </li>
            <li><a id="btnCompress" href="#">Compression</a></li>
            <li><a id="btnClose" href="#">Close</a></li>
            <li><a id="btnReset" href="#">Reset</a></li>
            <li class="last"><a id="btnProcess" href="#"><strong>Process</strong></a></li>
        </ul>
    </div>   
<div id="result"></div>

JavaScript

$('#result').append($("#btnAPI + ul li a").length);