javascript - 页面加载时的随机 div？答案

【问题标题】：javascript - random div on page load?javascript - 页面加载时的随机 div？
【发布时间】：2015-04-09 09:11:22
【问题描述】：

希望有人能帮忙，因为我对 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 并隐藏另外两个

任何帮助将不胜感激

谢谢

【问题讨论】：

这个问题应该对你有帮助：stackoverflow.com/questions/20046687/…
生成一个随机数。选择生成的那个，显示它。
@Elizion 这个问题可能是那个问题的副本。投票结束。

标签： javascript html random load

【解决方案1】：

您可以在页面加载时选择所有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>

【讨论】：