Javascript / JQuery - 隐藏5个Div,然后显示3个随机Div

时间:2014-04-15 23:21:18

标签: javascript jquery html random

我有5个带有'testimonialBox'类的div。每个div都有不同的内容。我希望所有5个人都开始隐藏。

然后,我希望随机选择并显示该类中的3个div。它们必须是3个非重复的唯一div(也就是说,页面可能显示第一个,第三个和第四个div,但不显示第一个,第一个和第四个div)。

以下是我目前正在尝试使用的代码:

var testimonials = $("div.testimonialBox");
  $(testimonials).hide();

var divs = $("div.testimonialBox").get().sort(function(){ 
    return Math.round(Math.random())-0.5;
}).slice(0,3);
  $(divs).show();

我该怎么做?

1 个答案:

答案 0 :(得分:1)

这很奇怪,但它对我来说很好,没有重复div http://jsfiddle.net/#&togetherjs=ETkPlK9C1U