javascript 使用jquery在父div中创建子div

create child div in a parent div using jquery

提问by manishjangir

I have the following div structure

我有以下 div 结构

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

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

现在我要创建或追加新div的DIV ID以上lastChildDiv。那怎么办呢？

回答by lowerkey

Use prepend

使用前置

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

回答by Samich

Use beforeto append the newly created element:

使用before附加新创建的元素：

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

回答by manishjangir

You can use the .before()

您可以使用 .before()

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

回答by Th0rndike

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

or:

或者：

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