​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<style>
5
.box {
6
  background: orange;
7
  color: white;
8
  width: 150px;
9
  padding: 20px;
10
  margin: 10px;
11
}
12
.inner,
13
.inner > p {
14
  border: 1px dotted white;
15
  padding: 5px;
16
}
17
</style>
18
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
19
<script>
20
  $( function() {
21
    $( "button" ).click( function() {
22
      $( ".box" ).empty();
23
    });
24
  });
25
</script>
26
<button>Empty the Box!</button>
27
​
28
<div class="box">
29
  <div class="inner">
30
    <p>Main content.</p>
31
    <p>More content.</p>
32
    <p>Extra content.</p>
33
  </div>
34
</div>