javascript - 使用 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

首先我们得到一个随机整数，从零到项目数(负 1)。然后我们隐藏所有其他元素并仅显示随机选择的元素。

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

Demo