.unwrap()Возвращает: jQuery
Описание: Удаляет родительские элементы из набора совпавших элементов DOM, оставляя совпавшие элементы на их местах.
-
версия добавлена: 1.4.unwrap()
- Данная подпись не принимает никаких аргументов.
-
версия добавлена: 3.0.unwrap( [selector ] )
- selectorТип: СтрокаСелектор для проверки родительского элемента. Если родительский элемент не соответствует селектору, элемент не будет распакован.
-
Метод .unwrap() удаляет родительский элемент и возвращает распакованное содержимое. Это фактически обратное методу .wrap(). Совпавшие элементы (и их, при необходимости, соседние элементы) заменяют свои родительские элементы в структуре DOM.
Пример:
Оборачивание/распаковка div вокруг каждого абзаца.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>unwrap demo</title>
<style>
div {
border: 2px solid blue;
}
p {
background: yellow;
margin: 4px;
}
</style>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
<button>wrap/unwrap</button>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
<script>
var pTags = $( "p" );
$( "button" ).on( "click", function() {
if ( pTags.parent().is( "div" ) ) {
pTags.unwrap();
} else {
pTags.wrap( "<div></div>" );
}
});
</script>
</body>
</html> 
