[jQuery All in One] 기존 컨텐츠를 둘러싼 새로운 컨텐츠를 삽입하는 방법 (unwrap, wrap, wrapAll, wrapInner)

.unwrap() - 지정한 요소의 부모요소를 제거

.wrap() - 지정한 요소를 wrap의 매개변수로 전달한 태그로 감싼다

.wrapAll() - 지정한 클래스들을 wrapAll 매개변수로 전달한 태그로 모두 감싼다

.wrapInner() - 지정한 요소에 자식 컨텐츠를 wrapInner 매개변수로 전달한 태그로 감싼다.

.unwrap()

---

// 지정한 요소의 부모요소를 제거한다.
$('p').unwrap();

 

.wrap()

---

 

// 지정한 요소를 wrap의 매개변수로 전달한 태그로 감싼다.
$('p').wrap('<b></b>');

 

.wrapAll()

---

// 지정한 클래스들을 wrapAll 매개변수로 전달한 태그로 모두 감싼다
$('.inner').wrapAll('<b></b>');

 

.wrapInner()

---

// 지정한 요소에 자식 컨텐츠를 wrapInner 매개변수로 전달한 태그로 감싼다.
$( ".inner" ).wrapInner( "<div class='new'></div>");