JSFiddle - React, Tailwind, and code Playground

by jasper

HTML

<span class="target">Change me <a class="changeme" href="#">now</a></span><br />
<span class="target">Change me <a class="changeme" href="#">now</a></span><br />
<span class="target">Change me <a class="changeme" href="#">now</a></span><br />
<span class="target">Change me <a class="changeme" href="#">now</a></span><br />
<span class="target">Change me <a class="changeme" href="#">now</a></span><br />
<span class="target">Change me <a class="changeme" href="#">now</a></span><br />

CSS

a {
    padding-left : 10px;
}

JavaScript

var newText = 'New Text';
$('a').on('click', function () {
    $.each($(this).parent().contents(), function () {
        if (typeof this.tagName == 'undefined') {
            $(this).replaceWith(newText);
        }
    });
});