[英]javascript - random div on page load?
希望有人可以提供帮助,因为我对JS不太了解
我有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并隐藏其他两个
任何帮助将非常感激
谢谢
您可以在页面加载时选择所有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.