jquery - 如何在具有随机数的特定 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");

演示

或者

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

演示

或者

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

演示

相关参考：

• 后（）

• 。前（）

• .insertBefore()

Answer 2

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