使用JQuery随机显示div类

Question

我想使用JQuery随机显示div类.代码类似于:

<div class="item">One</div>
<div class="item">Two</div>
<div class="item">Three</div>
<div class="item">Four</div>

因此,如果随机方法(随机结果在1到4之间)给出3作为结果,它显示:

<div class="item">Three</div>

其余的都是隐藏的.当然,可以更改代码以使其工作.谢谢.

Answer 1

首先我们得到一个随机int,从零到项目数(减1).然后我们隐藏所有其他元素并显示随机选择的元素.

var random = Math.floor(Math.random() * jQuery('.item').length);
jQuery('.item').hide().eq(random).show();

演示

Answer 2

var number = Math.floor(Math.random()*3)
var div = $(".item")[number];
div.show();