Insert content between divs

by akmiecik

HTML

<div id="div_1"></div>
<strong>stuff here that always begins with same string but does not end that way</strong>
some text here<br>more stuff<br>even more stuff
<div id="div_2"></div>
<div id="div_4"></div>

CSS

#div_3{
  background: red;
}

JavaScript

let div1 = document.getElementById('div_1');
  let div2 = document.getElementById('div_2');
  let div3 = document.createElement('div');
  div3.setAttribute('id','div_3');
  div2.parentNode.insertBefore(div3, div2);
  let content = div1.nextSibling;
  let contentElements = [];
  while(content && content !== div2) {
    contentElements.push(content);
    content = content.nextSibling;
  }
  $(contentElements).wrapAll(div3);