JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

<div data-role="page">
    <div data-role="content">
        <ul data-role="listview">
            <li>
                <a class="ui-btn-active" href="#">Click<span class='selected'>Selected</span></a>
            </li>
            <li>
                <a href="#">Me</a>
            </li>
            <li>
                <a href="#">OR</a>
            </li>
            <li>
                <a href="#">Me</a>
            </li>
        </ul>
    </div>
</div>

JavaScript

$('ul').find('a').on('click', function () {

    $(this).toggleClass("ui-btn-active");
    
    if ($(this).hasClass("ui-btn-active")) {
        $(this).append("<span class='selected'>Selected</span>");
    } else {
        $(this).find(".selected").remove();
    }
});