Demo JQuery .append(), .prepend(), .before() dan .after()

by Taufik Nurrohman

HTML

<div id="container">Lorem ipsum dolor sit amet...</div>

CSS

body {
  padding:50px;   
}

#container {
  background-color:yellow;
  padding:20px;    
}

span {
  display:block;
  border:2px solid red;
  background-color:black;
  color:white;
  padding:10px 15px;    
}

JavaScript

$('#container').wrapInner('<span></span>');