JSFiddle - React, Tailwind, and code Playground

by reygonzales

HTML

<ul> 
    <li>linkA</li> 
    <li>linkB<span class="total"></span> 
        <ul> 
            <li>link2</li> 
            <li>link2</li> 
            <li>link2</li> 
        </ul> 
    </li> 
    <li>linkC</li> 
    <li>linkD<span class="total"></span> 
        <ul> 
            <li>link2</li> 
            <li>link2</li> 
            <li>link2</li> 
            <li>link2</li> 
            <li>link2</li> 
        </ul> 
    </li> 
</ul>

JavaScript

$(document).ready(function() {
    $("li").click(function() {
        var totalLI = $(this).children().children().length;
        alert($(this).html().substring(0,5) + " " + totalLI);
    });
});