Ich habe eine Seite, die so aussieht:

<div id="container">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
</div>

Ich habe mich gefragt, ob es eine Möglichkeit gibt, ein Div einzufügennach dem Zufallsprinzip zwischen den "item" divs, also wenn die Seite geladen ist, würde es so aussehen:

<div id="container">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="rondomDiv">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
</div>

Alle Divs mit der Klasse "item" werden dynamisch generiert und können nicht geändert werden. Irgendwelche Ideen? Danke im Voraus!