JSFiddle - React, Tailwind, and code Playground

by Bongs

HTML

<span><span class="s makeLink">All</span><span class="bull">&bull;</span><a href="#" class="alloradm"><span class="s">View admin(s)</span></a></span>

CSS

.bull
{
    padding: 0px 5px;
}

JavaScript

$(".alloradm").live("click", function() {
    $('span.makeLink').wrap('<a href="#" class="alloradm"></a>').removeClass('makeLink');
    $(this).find('span').addClass('makeLink').unwrap();
});