<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

{
  $('.inner').after('<p>Test</p>')
  $('.container').after($('h2'))
}

{
  document.querySelectorAll('.inner').forEach(element => {
    element.insertAdjacentHTML('afterend', '<p>Test</p>')
  })
  document.querySelectorAll('h2').forEach(content => {
    document.querySelectorAll('.container').forEach((element, index) => {
      element.insertAdjacentElement('afterend', index === 0 ? content : content.cloneNode(true))
    })
  })
}