728x90
jQuery API 정복 - 감싼 요소 제거하기, unwrap()
.unwrap()
원문 링크 
http://api.jquery.com/unwrap/
함수들
개요 : DOM에서 일치하는 요소들의 부모요소를 제거합니다.
- .unwrap( )
.unwrap() 함수는 요소의 부모를 제거합니다. 반대편에 있는 함수는 .wrap() 입니다. 일치하는 요소 (있다면 그들의 형제요소들도)는 DOM 구조에서 부모요소를 대체합니다.
예 제
문단(p)에 div를 Wrap/unwrap 처리합니다.
<!DOCTYPE html>
<html>
<head>
<style>
div { border: 2px solid blue; }
p { background:yellow; margin:4px; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>wrap/unwrap</button>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
<script>
$("button").toggle(function(){
$("p").wrap("<div></div>");
}, function(){
$("p").unwrap();
});</script>
</body>
</html>
미리보기
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
728x90
'jquery' 카테고리의 다른 글
| 요소 이동 (0) | 2016.02.18 |
|---|---|
| 이전요소 다음요소 선택 (0) | 2016.02.18 |
| node name 비교하기 (0) | 2015.12.02 |
| .wrap() (0) | 2015.12.02 |
| 현재 선택된 object의 tagname 변경 (0) | 2015.11.24 |