JSFiddle - React, Tailwind, and code Playground

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>

CSS

.total {
    float: left;
    color: red;}

ul li ul li {
    color: green;}

JavaScript

var total = $('ul li ul li').size();
$('.total').append('<div>'+ total +'</div>');