JSFiddle - React, Tailwind, and code Playground

HTML

<a>sometext</a>

JavaScript

$(function () {
    var Selector = $("a:contains('sometext')");
    $(Selector).bind('click', function () {
        var NewDialog = "<div dir=rtl id='MenuDialog'></div>";
        var DialogContetn = '<div dir=rtl ><table width=100%><tr><td><textarea id="txtRequestContent" cols="30" rows="2"></textarea></td><td><table><tr><td><input id="btnSendEditionRequest" type="button" value="Send" /></td></tr><tr><td><input id="btnCloseDialog" type="button" value="Cancel" /></td></tr></table></td></tr></table></div>';
        $('body').append(NewDialog);
        $('#MenuDialog').html(DialogContetn);
        $('#MenuDialog').hide();
        $('#MenuDialog').dialog({ modal: true, title: "title", show: 'clip', hide: 'clip' });
        $("#btnCloseDialog").live('click', function () {
            $("#MenuDialog").dialog('close');
        });
        return false;
    });
});