Thêm div vào một div

Question

<div> 
    <div class="one">One</div> 
    <div class="two">Two</div> 
    <div class="three">Three</div> 
    <div class="four">Four</div> 
    <div class="five">Five</div> 
</div> 

Tôi cần thêm div giữa div Three và Four, nhưng tôi không thể sử dụng bất kỳ loại nhắm mục tiêu nào trên div cha (chỉ các div bên trong nó).

jQuery('.four').parent().prepend('<div class="addme">Add Me!</div>'); 

Điều này như bạn có thể biết thêm nó vào trên cùng, phía trên div One. Không có ".parent()", nó thêm div vào bên trong div Four, trước nội dung. Cùng một sự khác biệt cho ".append()".

Bất kỳ ai có giải pháp?

Answer 1

Bạn có thể sử dụng .before() hoặc .after() như thế này:

jQuery('.four').before('<div class="addme">Add Me!</div>'); 
//or... 
jQuery('.three').after('<div class="addme">Add Me!</div>'); 

Answer 2

$('.three').after('<div class="addme">Add Me!</div>');