.unwrap()

DOM

Удалить родителя элемента и вернуть прежнее содержимое уже без родительского. Удаление прямого родителя без дочерних элементов.

Параметр Тип По умолчанию Описание
element String null Целевой элемент HTML.

Примеры использования

Удаляем родительский блок с Картой у нашего целевого текстовго HTML-абзаца и оставляем содержимое уже без родителя.

<div class="uk-card uk-card-primary uk-card-body">
    <p id="target-unwrap">Это абзац!</p>
</div>
let elemUnwrap = util.$('#target-unwrap');

util.unwrap(elemUnwrap);

Результат

<p id="target-unwrap">Это абзац!</p>

Убрать родительский блок-контейнер у HTML-элемента <article> с идентификатором #super-article и классом .uk-article из компонента Статьи, при этом вложенное содержимое оставить на своем месте.

<section class="uk-section">
	<div class="uk-container">
		<article id="super-article" class="uk-article">
			<h3>Заголовок</h3>
		</article>
	</div>
</section>
let superArticle = util.$('#super-article');

util.unwrap(superArticle);

Результат

<section class="uk-section">
	
		<article id="super-article" class="uk-article">
			<h3>Заголовок</h3>
		</article>
	
</section>