jQuery의 unwrap 메서드로 요소의 부모 제거하기

반대로 요소를 감싸는 것이 아니라, 메서드 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');