Как удалить внешний блок?

Question

[samp_andre]

Как удалить верхний блок?
Нужно удалить блок .one не трогая Test

<div class="one">
    Test
</div>
Нужно удалить блок .one не трогая Test

Comments

[DanKud]

Нужно взять .innerHTML у тэга, затем удалить тэг и после вставить сохраненное значение обратно в нужное место. Либо можно через регулярное выражение убрать лишний текст. Но первый вариант правильнее.

[origami1024]

ОП лучше не лезь в эту тему, зачем тебе такое, подозреваю ты можешь просто класс one изменить на two и всё решиться.

[samp_andre]

origami1024, нет, это тег ссылка, нужно удалить вообще

Answer 1

[Дмитрий Беляев]

const elem = document.querySelector('.one');
const frag = document.createDocumentFragment();
for(const child of elem.childNodes) {
  frag.appendChild(child);
}
elem.parentElement.replaceChild(frag, elem);

Comments

[0xD34F]

for(const child of elem.childNodes) {
  frag.appendChild(child);
}

Если дочерних элементов несколько, будут проблемы - обход коллекции с одновременным удалением элементов (элемент не может присутствовать одновременно в двух местах, при добавлении во фрагмент из childNodes он будет удалён) приведёт к тому, что каждый второй элемент окажется пропущен, и в конечно счёте, удалён вместе с родителем.

Есть варианты:

while (elem.firstChild) {
  frag.appendChild(elem.firstChild);
}

// или, без фрагмента

elem.replaceWith(...elem.childNodes);

Answer 2

[lamer350]

Можно использовать .unwrap(); но Test должен быть как минимум эелементом чтобы к нему можно было обратится.

Comments

[origami1024]

$('.one').contents().unwrap()

Только нужно jquery подключать