Как добавить что-то перед конкретным 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 до #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

Связанные рефов:

• after()

• .before()

• .insertBefore()

Answer 2

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