Agregar div por encima de otro div

Question

<div> 
    <div class="one">One</div> 
    <div class="two">Two</div> 
    <div class="three">Three</div> 
    <div class="four">Four</div> 
    <div class="five">Five</div> 
</div> 

Necesito agregar un div entre div Three y Four, pero no puedo usar ningún tipo de orientación en el div principal (solo los divs dentro de él).

jQuery('.four').parent().prepend('<div class="addme">Add Me!</div>'); 

Como probablemente sepa, lo agrega a la parte superior, arriba de Div One. Sin el ".parent()" agrega el div dentro del div 4, antes del contenido. La misma diferencia para ".append()".

¿Alguien tiene una solución?

Answer 1

Puede utilizar .before() o .after() así:

jQuery('.four').before('<div class="addme">Add Me!</div>'); 
//or... 
jQuery('.three').after('<div class="addme">Add Me!</div>'); 

Answer 2

$('.three').after('<div class="addme">Add Me!</div>');