將內容追加到已存在的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之後但使用AJAX的容器5之前追加一些東西。

如何，這可以使用Javascript？

Answer 1

。jquery中的.append將由參數指定的內容插入匹配元素集中每個元素的末尾。

$("#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>");