<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>
{
  $('.inner').wrap('<div class="new"></div>')
}

{
  document.querySelectorAll('.inner').forEach(element => {
    const wrapper = new DOMParser().parseFromString('<div class="new"></div>', 'text/html').body.firstChild
    
    element.replaceWith(wrapper)
    wrapper.append(element)
  })
}

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