JSFiddle - React, Tailwind, and code Playground

HTML

<span class="target"><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 dt = new Date();

var newText = dt.getSeconds();
$('a').on('click', function () {
    $.each($(this).parent().contents(), function () {
        if (typeof this.tagName == 'undefined') {
            $(this).replaceWith('');
        }
    });
    $(this).parent().prepend( $(this).text()+newText);
});