我对 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>
关于javascript - 页面加载时的随机 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28412995/