Create child div in parent div using jquery

Question

I have the following div structure

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

Now I want to create or add a new one divabove the div id lastChildDiv. Then how to do it?

Answer 1

Use prepend

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

Answer 2

Use before to add a newly created item:

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

Answer 3

You can use .before ()

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

Answer 4

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

or

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