<span>Span Text</span>
<strong>What about me?</strong>
<span>Another One</span>
{
  $('span').wrapAll('<div class="new"></div>')
}

{
  const wrapper = new DOMParser().parseFromString('<div class="new"></div>', 'text/html').body.firstChild
  const spans = document.querySelectorAll('span')
  
  spans[0].before(wrapper)
  wrapper.append(...spans)
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/1.1.0/modern-normalize.min.css
  2. https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&amp;display=swap

External JavaScript

  1. https://releases.jquery.com/git/jquery-3.x-git.slim.min.js