JSFiddle - React, Tailwind, and code Playground

by elgreg

HTML

<p>
<span class="target">Change me <a class="changeme" href="#">now</a></span>
</p>
<p>
<span class="target2">A better Change me <a class="changeme2" href="#">now</a></span>
</p>

<p>
<span class="target3">An even better Change me <a class="changeme3" href="#">now</a></span>
</p>

JavaScript

$(document).ready(function() {

    $('a.changeme').click(function() {
        $('span.target').text('Do it again ');
    });

    $('a.changeme2').click(function() {
        var $atag = $(this).clone();        
        $('span.target2').text('Do it again ');
        $('span.target2').append($atag);
    });
    
    $('a.changeme3').click(function(){
        $('span.target3').contents().get(0).data = 'Do it again';
    });
    
});