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

by peterbenoit

HTML

<div>Lorem ipsum dolor sit amet consectetur adipiscing elitr sed diam nonumy tempe goreng.</div>

CSS

body {
  padding:50px;   
}

div {
  border:2px solid #bbb;
  background-color:#eee;
  padding:10px;
  margin:10px auto;
}

span {
  display:block;
  width:65px;
  font:bold 12px Arial,Sans-Serif;
  color:white;
  padding:5px 10px;
  background-color:black;    
}

JavaScript

$('div')
    .append('<span>1. Append</span>')
    .prepend('<span>2. Prepend</span>')
    .before('<span>3. Before</span>')
    .after('<span>4. After</span>');