如何使用随机数在特定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"的最后一个孩子.如何在之前插入div #mydiv？

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

相关参考:

• 后()

• .之前()

• .insertBefore()