[英]javascript - random div on page load?
Hoping someone can help as I do not know much about JS 希望有人可以提供帮助,因为我对JS不太了解
I have 3 divs 我有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>
I require some JS that randomly loads one of those divs on page load and hide the other two 我需要一些JS在页面加载时随机加载其中一个div并隐藏其他两个
Any help would be much appreciated 任何帮助将非常感激
Thanks 谢谢
You can select all div
elements when the page loads, then pick a random one to keep and hide the rest. 您可以在页面加载时选择所有
div
元素,然后选择一个随机元素以保留并隐藏其余元素。
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.