如何使用随机数在特定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>");

但它在div“main”的最后一个孩子之后追加。如何在#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");