appending one div in another div before last div jquery

Question

suppose i have div like

<div id='main'>
  <div id='child'>my static content</div>
</div>

$('#main').append("<div class='mycontent'>I'm new box by append</div>");
or
$('#main').appendTo("<div class='mycontent'>I'm new box by append</div>");

i know i can use append() and appendTo method to insert anything into main div. but i need to know that how can i insert content into main div before child div. content will be pushed into main div before child div. please help me with concept.

thanks

Answer 1

try this:

$('#child').before("<div class='mycontent'>I'm new box by append</div>");

also maybe will be useful:

$('#child').after("<div class='mycontent'>I'm new box by append</div>");

Answer 2

http://api.jquery.com/before/

if you want it before the last child div:

$("#main > div:last-child").before("<div class='mycontent'>I'm new box by append</div>");

or if you want it before a specific div:

$("#child").before("<div class='mycontent'>I'm new box by append</div>");

Answer 3

this way:

$('#main #child').before('<p>Something</p>');