• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Element Remove</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <style>
9
        div { border: 2px solid green; margin: 10px; }
10
        #container { border: 2px solid orange; }
11
    </style>
12
    <script>
13
        $(function() {
14
            $("button").on("click", function() {
15
                $("span").unwrap();     // 모든 <span>요소의 부모 요소를 삭제함.
16
            });
17
        });
18
    </script>
19
</head>
20
​
21
<body>
22
​
23
    <h1>.unwrap() 메소드</h1>
24
    <div id="container">
25
        <div><span>첫 번째</span> 컨텐츠에요!</div>
26
        <div><span>두 번째</span> 컨텐츠에요!</div>
27
        <div><span>세 번째</span> 컨텐츠에요!</div>
28
    </div>
29
    <br>
30
    <button>부모 요소 삭제</button>
31
    
32
</body>
33
​
34
</html>