jQuery wrap() example

by HYEONGJINKIM

HTML

<h1>jQuery wrap() example</h1>

<div class="innerBox">Ip man vs Iron man</div>

<div class="innerBox">Ip man 2 vs Iron man 2</div>

<p>
  <button id="wrapButton">wrap()</button>
  <button id="reset">reset</button>
</p>

CSS

.innerBox {
  padding: 8px;
  border: 1px solid blue;
  margin: 8px;
}

.wrapBox {
  padding: 8px;
  border: 1px solid red;
  margin: 8px;
}

JavaScript

$("#wrapButton").click(function() {
  $('.innerBox').wrap("<div class='wrapBox'></div>");
});

$("#reset").click(function() {
  location.reload();
});