Как я могу вставить DIV * между * существующим родителем и ребенком?

Предположим, у меня есть частичное dom-дерево с родительским узлом и набором потомков.

Как я могу вставить DIV между ними?

Я начинаю с

parent --+--> child[0]
         |--> child[1]
         |--> child[2]

..и я хочу покончить с

parent ---> newdiv ---+--> child[0]
                      |--> child[1]
                      |--> child[2]

Как я могу это сделать?

Мне нужно обратноеreplaceChild() , Есть ли что-то вродеreplaceParent() ?

Я полагаю, я мог бы клонировать все дочерние узлы, а затем вставить их в качестве дочерних узлов в новый узел. но ... это сохраняет все идентификаторы элементов?

РЕДАКТИРОВАТЬ - Я не помечал это с помощью jQuery или каких-либо фреймворков, но, возможно, мне следовало быть откровенным об этом. Это не вопрос JQuery. Я хочу сделать это в JavaScript + DHTML. Никаких дополнительных или внешних рамок.