JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css">
<p class="foo">Hello</p>
<div class="bar" style="font-weight:bold">
    <p class="foo">What</p>
</div>
<p class="foo">Blahblah</p>

CSS

.bar
{
    font-weight:bold;
}

JavaScript

var $div = $("<div />", { id: 'dialog'}).append($(".foo").clone())
            .dialog({
                autoOpen: false,
                open: function(event, ui) { },
                close: function(event, ui) {  }
             });
$div.dialog('option', 'widget').find('p').each(function(i) {
    $(this).attr('style', $('.foo:eq(' + i + ')').parent().attr('style'));
});
$div.dialog('open');