jquery agregar antes del elemento final

Question

Tengo html estructurado como tal.

<div id='container'> 
    <div class='item'> ... </div> 
    <div class='item'> ... </div> 
    <div class='item'> ... </div> 
    ... 
    <div id='item_final'><input type="button" id='addOne'>...</div> 
</div> 

y lo que estoy tratando de hacer, agregue otro elemento a la clase contenedora antes del item_final div. Los elementos son dinámicos, por lo que no se conoce su número.

Answer 1

$('#container div:last').before($('<div>')); 

Answer 2

Pruebe el método .insertBefore.

$('<div>').insertBefore('#item_final');