JSFiddle - React, Tailwind, and code Playground
HTML
<div class="block dynamic">Блок с динамически создаваемым элементом (обращение от родителя к элементу)</div>
<div class="block">Блок с изначально созданным элементом<span class="element">Элемент</span></div>
CSS
.block { border: 1px solid; color: gray; }
.element { display: none; border: 1px solid; }
JavaScript
$('.dynamic').one('mouseenter', function(){
$(this).append( '<span class="element">Элемент</span>' );
});
$('.element').parent().mouseenter(function(){
$(this).css('color','black');
$(this).children('.element').show();
});