JSFiddle - React, Tailwind, and code Playground

HTML

<div id="listAddr">
    <ul data-role="listview">
        <li data-theme="b"><a href="#">Acura</a>
        </li>
        <li><a href="#">Audi</a>
        </li>
        <li><a href="#">BMW</a>
        </li>
        <li><a href="#">Cadillac</a>
        </li>
        <li><a href="#">Ferrari</a>
        </li>
    </ul>
</div>

JavaScript

$(document).on('pagecreate', function (event) {
    $('#listAddr li').bind('click', function () {
        $('#listAddr li').attr("data-theme", "c").removeClass("ui-btn-up-b").removeClass('ui-btn-hover-b').addClass("ui-btn-up-c").addClass('ui-btn-hover-c');
        $(this).attr("data-theme", "b").removeClass("ui-btn-up-c").removeClass('ui-btn-hover-c').addClass("ui-btn-up-b").addClass('ui-btn-hover-b');

    });
});