JavaScript получает родительский элемент и записывает держатель div для родственных элементов

У меня есть следующая структура:

<div class="parent">
  <div id="child1">Content here</div>
  <div class="child2">Content here</div>
</div>

При загрузке я хочу включить «держатель» div, в котором хранятся все дочерние элементы родителя:

<div class="parent">
  <div id="holder">
    <div id="child1">Content here</div>
    <div class="child2">Content here</div>
  </div>
</div>

Зная только идентификатор «child1», как я могу добавить div-держатель вокруг себя и братьев и сестер?

Соображения

• Идентификатор "child1" является единственным известным идентификатором.
• Класс «родительский» и «дочерний2» являются динамическими именами и будут меняться, поэтому их нельзя использовать в качестве идентификаторов.
• должен быть ванильный JavaScript.

Мысли?