javascript - 在 div 列表中的随机位置插入一个 div

Question

我有一个看起来像这样的页面:

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

我想知道是否有一种方法可以在任何“item”div之间随机插入一个div，这样当页面加载时，它看起来像:

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

所有具有“item”类的div都是动态生成的，并且不能修改。有任何想法吗？ 提前致谢!

Answer 1

尝试如下所示，

var $items = $('#container').find('.item');
var pos = Math.floor(Math.random() * $items.length)

$('.randomDiv').insertAfter($items.eq(pos));