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

Question

希望有人可以提供帮助，因为我对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并隐藏其他两个

非常感谢任何帮助

由于

Answer 1

您可以在页面加载时选择所有div元素，然后选择一个随机元素以保留并隐藏其余元素。

＆＃13;

＆＃13;

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();
    }
  }
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;