JSFiddle - React, Tailwind, and code Playground

HTML

<div id="target"></div>
<div id="bigger_Target">
    <span style='color:red;'>H</span>
    <span style='color:blue;'>E</span>
    <span style='color:red;'>L</span>
    <span style='color:blue;'>L</span>
    <span style='color:red;'>O</span>
</div>
<p id='result'></p>

JavaScript

(function($){
    jQuery.fn.outerHTML = function() {
          return jQuery('<div />').append(this.eq(0).clone()).html();
    };
})(jQuery);


$('#result').text($('#bigger_Target').outerHTML());