JSFiddle - React, Tailwind, and code Playground
HTML
<p>
<span class="target">Change me <a class="changeme" href="#">now</a></span>
</p>
<p>
<span class="target"><a class="changeme" href="#">now</a></span>
</p>
JavaScript
$('a.changeme').on('click', function() {
var
$tmp = $(this).closest('.target').contents().not(this).eq(0),
dia = document.createTextNode('Do it again ');
$tmp.length > 0 ? $tmp.replaceWith(dia) : $(dia).insertBefore(this);
});