ელემენტის მშობლის წაშლა unwrap მეთოდით jQuery-ში

შესაძლებელია პირიქით, არა ელემენტის შეფარდვა, არამედ მისი გახსნა (ანუ მშობლის მოშორება) მეთოდის unwrap დახმარებით.

შემდეგ მაგალითში ჩვენ გვაქვს აბზაცები, რომლებიც მდებარეობენ ტეგების div შიგნით:

<div><p class="www">ტექსტი</p></div>
<div><p class="www">ტექსტი</p></div>
<div><p class="www">ტექსტი</p></div>
<div><p>ტექსტი</p></div>

მოდით, აბზაცებისთვის კლასით www შევასრულოთ გახსნის ოპერაცია unwrap:

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

HTML კოდი ასე გამოიყურება:

<p class="www">ტექსტი</p>
<p class="www">ტექსტი</p>
<p class="www">ტექსტი</p>
<div><p>ტექსტი</p></div>

ასევე მეთოდს შეგიძლიათ გადასცეთ სელექტორი სტრიქონის სახით, მაშინ ის იმუშავებს, თუ ელემენტის მშობელი შეესაბამება მითითებულ სელექტორს:

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

იპოვეთ აბზაცები p, რომლებიც შეფარდილია დივებით div და წაშალეთ ეს დივები.

იპოვეთ ყველა ტეგი span, რომლებიც შეფარდილია აბზაცებით p და წაშალეთ ეს აბზაცები, არ შეეხოთ ტეგებს span.