javascript - 随机显示配对元素

Question

有没有一种方法可以在不换行的情况下将具有相同类的元素配对

<div class="pair1">1</div>
<div class="pair1">2</div>

<div class="pair2">3</div>
<div class="pair2">4</div>

<div class="pair3">5</div>
<div class="pair3">6</div>

然后在页面刷新/加载时随机显示配对元素所以输出将是 1 2 或 3 4 或 5 6

FIDDLE here

Answer 1

你可以使用它:

var pairs = $('.pair1, .pair2, .pair3');

var random = Math.floor(Math.random() * pairs.length / 2)+1;
var output = pairs.filter('.pair'+random)

output.show();

因为你有对，所以你需要将长度除以 2。

然后，当您获得随机数时，您将获得对数。

http://jsfiddle.net/tQ5ZP/2/