Выдаленне бацькоўскага элемента метадам unwrap у jQuery
Можна наадварот, не абгарнуць элемент, а разгарнуць
яго (гэта значыць прыбраць бацькоўскі элемент) з дапамогай метаду
unwrap.
У наступным прыкладзе ў нас ёсць абзацы,
якія знаходзяцца ўнутры тэгаў
div:
html<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:
javascript$('.www').unwrap();
HTML-код стане выглядаць так:
html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<div><p>text</p></div>
Таксама ў метад можна перадаць селектар у выглядзе радка, тады ён будзе спрацоўваць, калі бацькоўскі элемент падыходзіць пад зададзены селектар:
javascript$('i').unwrap('p');
Задание 1
Знайдзіце абзацы p, абгорнутыя
дывамі div, і выдаліце гэтыя дывы.
Задание 2
Знайдзіце ўсе тэгі span, абгорнутыя
абзацамі p, і выдаліце гэтыя абзацы, не
кранаючы тэгаў span.