JSFiddle - React, Tailwind, and code Playground
HTML
<div class="ui-content">
Only very strong <strong>person</strong> can handle JavaScript refactoring in CANADA.
</div>
CSS
.query {
color:green;
}
strong {
font-weight:bold;
font-size:2em;
}
.ui-content {
margin:2em;
}
JavaScript
$(".ui-content").html(function (i, v) {
return v.replace(/([^</])(strong)/gi, ' <span class="query">$2</span> ');
});