JSFiddle - React, Tailwind, and code Playground

HTML

<span class="clickspan">Some text here</span>

CSS

.clickspan{
    display:inline-block;
    margin:10px 20px;
    cursor:pointer;
}

JavaScript

$(function(){
    
    function ondynAchorClick(){
        alert('link auto clicked');
    }

     $('.clickspan').on('click', function(){

         var _anch = $('<a id="1234" href="http://www.example.com"><span>Am link now</span></a>');
         /*
           Optionally you can add a handler if you don't want to redirect
         _anch.click(ondynAchorClick);
         */
         $(this).replaceWith(_anch);    
         _anch.find('span').click();
    });

});