tạo div trẻ em trong một div cha mẹ sử dụng jquery

Question

Tôi đã sau cấu trúc div

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

bây giờ tôi muốn tạo hoặc nối thêm một mới div trên id div của lastChildDiv. Sau đó làm thế nào để làm điều đó?

Answer 1

Sử dụng prepend

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

Answer 2

Sử dụng before để thêm các yếu tố mới được tạo ra:

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

Answer 3

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

hay:

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

Answer 4

Bạn có thể sử dụng .before()

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