JSFiddle - React, Tailwind, and code Playground
HTML
<p class="foo">Hello</p>
<p class="foo">What</p>
<p class="foo">Blahblah</p>
JavaScript
var $div = $("<div />", { id: 'dialog'}).append($(".foo").clone())
.dialog({
autoOpen: false,
open: function(event, ui) { alert('open event fired'); },
close: function(event, ui) { alert('close event fired'); }
});
$div.dialog('open');