Javascript将来自5个源的随机内容分成3个部分，无重复

我有3个容器分区和5个内容分区。每次加载页面时，我都希望在3个容器div中随机插入一个content div，而不复制任何content div（每个容器div需要有一个唯一的content div）

资料来源1的内容
资料来源2的内容
资料来源3的内容
资料来源4的内容
资料来源5的内容

---

我使用的是WordPress，所以jQuery已经被加载了，如果这让它更容易的话。谢谢你的帮助。我认为在javascript例程选择一个尚未选择的随机div之后，它将涉及一个appendHTML。

对内容源元素进行随机排序，然后循环显示容器元素并插入具有相同索引的内容

var$content=$（'.source'）.sort（函数（）{
返回Math.random（）-.5；
})
$（'一，'二，'三'）.append（函数（i）{
返回$content[i]；
});

资料来源1的内容
资料来源2的内容
资料来源3的内容
资料来源4的内容
资料来源5的内容
请说得具体一点，因为不清楚你想要完成什么。我觉得我说得太具体了，哈哈。你缺少什么？
<!--Container Divs-->
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

<!--Content Divs-->
<div style="display:none">
 <div class="source one">Contents of source 1</div>
 <div class="source two">Contents of source 2</div>
 <div class="source three">Contents of source 3</div>
 <div class="source four">Contents of source 4</div>
 <div class="source five">Contents of source 5</div>
</div>