Pertanyaan Cara menambahkan sesuatu sebelum div tertentu dengan nomor acak


Saya ingin menambahkan div di dalam div yang memiliki banyak div di dalamnya. Kode saya ditampilkan di bawah ini:

<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>

Kode jQuery saya adalah:

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

Tapi itu menambahkan setelah anak terakhir dari div "utama". Cara memasukkan div itu sebelumnya #mydiv?


4
2018-06-30 16:55


asal


Jawaban:


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

DEMO

atau

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

DEMO

atau

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

DEMO

Referensi terkait:


8
2018-06-30 16:56



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

1
2018-06-30 16:58