javascript - 页面加载的随机div？

多少，我有3个div的

<div id="content1">This is content 1 </div> 
<div id="content2">This is content 2 </div> 
<div id="content2">This is content 2 </div>

我需要一些JS是随机加载页面加载这些div之一，并隐藏其他两个

任何帮助，将不胜感激

感谢

来源

2015-02-09 user3660176

这个问题应该可以帮助您：http://stackoverflow.com/questions/20046687/show-random-div-on-every-page-load-for-fancybox-modal – HavelTheGreat 2015-02-09 15:18:20

生成一个随机数。显示它的PIck生成的一个。 – epascarello 2015-02-09 15:18:53

@Elizion这个问题可能是一个重复的问题。投票结束。 – ssube 2015-02-09 15:20:04

您可以选择所有当页面加载时有3210个元素，然后随机挑选一个来保留和隐藏其余的元素。

var elems = $("div"); 
 
if (elems.length) { 
 
    var keep = Math.floor(Math.random() * elems.length); 
 
    for (var i = 0; i < elems.length; ++i) { 
 
    if (i !== keep) { 
 
     $(elems[i]).hide(); 
 
    } 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="content1">This is content 1 </div> 
 
<div id="content2">This is content 2 </div> 
 
<div id="content3">This is content 3 </div>

来源

2015-02-09 15:19:08 ssube

非常感谢！ – user3660176 2015-02-11 09:43:35

javascript - 页面加载的随机div？

回答

相关问题