如何在一個特定的div之前添加一個隨機數

Question

我想在div內附加一個div，裏面有很多div。我的代碼如下所示：

<div id="main"> 
<div class="random no"></div> 
<div class="random no"></div> 
<div class="random no"></div> 
<div class="random no"></div> 
<div class="mydiv"></div> 
</div> 

我jQuery代碼是：

$("#main").append("<div class='random no'> </div>"); 

但它的格「主」的最後一個孩子後追加。如何在#mydiv之前插入該div？

Answer 1

$("<div class='random no'> </div>").insertBefore("#main .mydiv"); 

DEMO

或

$("#main .mydiv").before("<div class='random no'> </div>"); 

DEMO

或

$('#main').append("<div class='random no'> Random no</div>").after($(".mydiv"))​; 

DEMO

相關裁判：

• after()

• .before()

• .insertBefore()

Answer 2

$("#main").find(".mydiv").before("#yourDivToBeInserted");