Как я могу вставить DIV * между * существующим родителем и ребенком?
Предположим, у меня есть частичное dom-дерево с родительским узлом и набором потомков.
Как я могу вставить DIV между ними?
Я начинаю с
parent --+--> child[0]
|--> child[1]
|--> child[2]
..и я хочу покончить с
parent ---> newdiv ---+--> child[0]
|--> child[1]
|--> child[2]
Как я могу это сделать?
Мне нужно обратноеreplaceChild()
, Есть ли что-то вродеreplaceParent()
?
Я полагаю, я мог бы клонировать все дочерние узлы, а затем вставить их в качестве дочерних узлов в новый узел. но ... это сохраняет все идентификаторы элементов?
РЕДАКТИРОВАТЬ - Я не помечал это с помощью jQuery или каких-либо фреймворков, но, возможно, мне следовало быть откровенным об этом. Это не вопрос JQuery. Я хочу сделать это в JavaScript + DHTML. Никаких дополнительных или внешних рамок.