使用jquery在父div中创建子div

Question

I have the following div structure

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

now I want to create or append a new div above the div id of lastChildDiv . Then how to do it?

Answer 1

使用之前附加新创建的元素：

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

Answer 2

使用前置

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

Answer 3

你可以使用.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);