既存のdivを必要な位置に追加する

Question

例に示すように、既存のdivの間に新しいdivを追加したいとします。

<div id='container1'>Some contents</div> 
<div id='container2'>Some contents</div> 
<div id='container3'>Some contents</div> 
<div id='container4'>Some contents</div> 
<div id='container5'>Some contents</div> 

ここで、コンテナ4の後で、コンテナ5の前にAJAXを使用して何かを追加したいとします。

どのように、これはJavascriptを使用して行うことができますか？

Answer 1

.appendでJqueryは、パラメータで指定された内容を、一致する要素のセット内の各要素の末尾に挿入します。

$("#container4").append("<div>Something</div>"); 

または.beforeを使用してください。既存のdivに新しいdivを追加します。

$("#container5").prepend("<div>Something</div>"); 

このdemoを参照してください。

Answer 2

あなたはjQueryを使って簡単に行うことができます。

$("#container4").after("text to append"); 

Answer 3

使用jqueryの.after() Here documentation

Answer 4

私はあなたのアイデアを得ることが、jQueryのを使用して、あなたを示すよ：

jQuery('<div/>', { 
    id: 'container6' 
}).appendTo('#container4'); 

か

$("#container5").before("<div></div>");