javascript - случайный div на загрузке страницы?

Question

Надеясь кто-то может помочь, как я много не знаю о JS

У меня есть 3 дивы

<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, которые случайным образом загружает один из этих дивы на странице загрузки и скрыть другие два

Любая помощь будет высоко ценится

Благодаря

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>