JSFiddle - React, Tailwind, and code Playground

by vendruscolo

HTML

<span class="a-selector">This <code>span</code> will become an <code>a</code>nchor</span>
<br />
<br />
<br />
<a class="click-me" href="#">Click to change</a>

CSS

span.a-selector {
    color: red;
}

a.a-selector {
    color: green;
}

JavaScript

$('.click-me').click(function() {
    var newElement = $('.a-selector').get(0).outerHTML.replace(/^<span/, "<a").replace(/<\/span>$/, "</a>");
    $('.a-selector').replaceWith(newElement);
});