JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="link_to_disable">Some link to disable</a>
<a href="#" class="link_to_disable">Another link to disable</a>
<a href="#">Some link NOT to disable</a>

CSS

p, a {display: block; margin: 10px;}

JavaScript

$('.link_to_disable').click(
    function disableLink(e) {
        e.preventDefault();
        $(this).after('<p>' + this.text + '</p>').remove();
    }
);