Question

我有一个html5项目，我也使用jquery。这个项目是一个排序游戏。我想对这些图像进行洗牌。例如我有3张牌，当我开始游戏时，我有1-2-3这样的牌。当我实现对此订单进行排序时，我想订购例如2-3-1。有没有解决方案呢？

<div id="source1" class="block">1</div> 
<div id="source2" class="block">2</div>
<div id="source3" class="block">3</div>
<br>
<div id="dest1" class="dest">1</div>
<div id="dest2" class="dest">2</div>
<div id="dest3" class="dest">3</div>

这是一个例子，我想将图像发送到这些div中，我也根据这个图像编号制作div id。

Answer 1

你为什么不这样做：

获取所有图片
随机播放图片（列表，例如数组）
循环divs，将图像设置为列表中的第n个图像（已经洗牌）。
根据第n张图片

希望有所帮助。

Answer 2

在AR-labs.org上，我们想要将我们的图像随机排序以获得随机顺序。为了归档这个，我们收集了所有图像（使用共享类），循环遍历所有元素，并随机地用任何容器内容替换它的内容（它也可以替换它自己）。

我们的代码：

var persons = document.getElementsByClassName("person");
var personNum = persons.length;
for( var i = 0; i < personNum; i++ ){
    var b = Math.floor( Math.random() * personNum );
    persons[i].outerHTML = [persons[b].outerHTML, persons[b].outerHTML = persons[i].outerHTML][0];
}

这是非常基本的（不是最漂亮的代码），但它确实有用。

当你想使用jQuery时，只需用相应的jQuery函数替换DOM访问。

随机将图像发送到div中

2 个答案: