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

$('ul li ul').each(function(){
  $(this).prev('.total').append('<div>'+ $(this).find('li').length +'</div>');
});