JSFiddle - React, Tailwind, and code Playground

HTML

<p>foo 
    <span>bar</span>
    <a href="#">hello</a><i>Oh Hai!</i><strong>Qux</strong>
</p>

CSS

span { border: 1px solid red; }

JavaScript

var span = $('p > span:first')[0];
var target = [];
while(span.nextSibling) {
    target.push(span.nextSibling);
    span = span.nextSibling;
}
$(target).wrapAll('<span />');