creare div bambino in un div genitore utilizzando jQuery

Question

Ho la seguente struttura div

<div id="main_div"> 
    <div id="lastChildDiv"></div> 
</div> 

ora voglio creare o aggiungere un nuovo div sopra l'id div di lastChildDiv. Allora come si fa?

Answer 1

Usa prepend

$('#main_div').prepend('<div id="new_div">...</div>'); 

Answer 2

Usa before per aggiungere l'elemento appena creato:

$('#lastChildDiv').before('<div></div>'); 

Answer 3

var myNewDiv = '<div id='someId'></div>'; 
    $('#main_div').html(myNewDiv); 

o:

var myNewDiv = '<div id='someId'></div>'; 
    $('#main_div').append(myNewDiv); 

Answer 4

È possibile utilizzare la .prima()

$('#lastChildDiv').before('<div></div>');