jQuery의 unwrap 메서드로 요소의 부모 제거하기
반대로 요소를 감싸는 것이 아니라, 메서드
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');
div로 감싸인
단락 p를 찾아
그 div를 제거하세요.
p 단락으로 감싸인
모든 span 태그를 찾고,
span 태그를 건드리지 않은 채
해당 p를 제거하세요.
