Выдаленне бацькоўскага элемента метадам unwrap у jQuery

Можна наадварот, не абгарнуць элемент, а разгарнуць яго (гэта значыць прыбраць бацькоўскі элемент) з дапамогай метаду unwrap.

У наступным прыкладзе ў нас ёсць абзацы, якія знаходзяцца ўнутры тэгаў div:

<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p>text</p></div>

Давайце для абзацаў з класам www выканаем аперацыю разгортвання unwrap:

$('.www').unwrap();

HTML-код стане выглядаць так:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<div><p>text</p></div>

Таксама ў метад можна перадаць селектар у выглядзе радка, тады ён будзе спрацоўваць, калі бацькоўскі элемент падыходзіць пад зададзены селектар:

$('i').unwrap('p');

Знайдзіце абзацы p, абгорнутыя дывамі div, і выдаліце гэтыя дывы.

Знайдзіце ўсе тэгі span, абгорнутыя абзацамі p, і выдаліце гэтыя абзацы, не кранаючы тэгаў span.