JSFiddle - React, Tailwind, and code Playground

by tehraven

HTML

<div data-role="page" class="jqm-demos">
    <div data-demo-html="true" data-demo-js="true">
            <ul id='test' data-role="listview" data-autodividers="true" data-inset="false">
                <li><a href="#">Alpha</a></li>
                <li><a href="#">Anything</a></li>
                <li><a href="#">Bravo</a></li>
                <li><a href="#">Better</a></li>
                <li><a href="#">Best</a></li>
                <li><a href="#">Charlie</a></li>
            </ul>
        </div><!--/demo-html -->
</div>

JavaScript

$(document).ready(function() {
    $('#test > li.ui-li-divider').each(function() {
        var numberHere = $(this).nextUntil(':not(.ui-btn)').length;
        $(this).addClass('ui-li-has-count').append('<span class="ui-li-count ui-btn-up-c ui-btn-corner-all">' + numberHere + '</span>');
    });
});