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元素，然后選擇一個隨機元素以保留並隱藏其余元素。

 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>