JSFiddle - React, Tailwind, and code Playground

HTML

<div class="group">
    <span>
        <a href="#">hover me</a>
    </span>
</div>

JavaScript

$('.group > span').delegate("a", "mouseenter", function() {
    $(this).html('<a href="#new_list">Some button</a>');
});

$('.group>span').delegate("a", "mouseleave", function() {
    $(this).empty();
});