jquery add html before a div code example

Example 1: javascript add div before element

var my_elem = document.getElementById('my_id');

var span = document.createElement('span');
    span.innerHTML = '*';
    span.className = 'asterisk';

my_elem.parentNode.insertBefore(span, my_elem);

Example 2: jquery append before

Consider the following HTML:

Html:
---------------
<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

You can create content and insert it into several elements at once:

jquery:
--------------
$( ".inner" ).prepend( "<p>Test</p>" );

Each <div class="inner"> element gets this new content:

Html Result:
<h2>Greetings</h2>
<div class="container">
  <div class="inner">
    <p>Test</p>
    Hello
  </div>
  <div class="inner">
    <p>Test</p>
    Goodbye
  </div>
</div>