JSFiddle - React, Tailwind, and code Playground

HTML

<div>Hola soy un <a href="#" class="link">enlace</a> que se convierte en input</div>

JavaScript

$(document).on('click', '.link', function(e){
    e.preventDefault();
    var $elem    = $(this),
        $parent = $elem.parent(),
        linkPpal = $parent.find('.link'),
        name = linkPpal.text();
    if( typeof name !== 'undefined' ){
        linkPpal.replaceWith( '<input type="text" value="'+ name +'" data-name="'+ name +'" />' );
    } else {
        $parent.find('input').replaceWith( '<a>'+ $parent.find('input').attr('data-name') +'</a>' );
    }
});