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「メイン」の最後の子の後に追加されます。その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");