すべてのdivをランダムに表示する必要があります

Question

こんにちは、今jqueryとiam tryiingの新機能です。 4 divsだけでなく、すべてのdivがブラウザの更新時に無条件に変更できるようにしました。 私はレストランを宣伝するために私のウェブサイトに行きたいと思います。私はいつも誰かが違う順序でレストランを見に訪れることを望んでいます 私は確かに何かsipmleですが、 何か助けて頂ければ幸いです。進んでいただきありがとうございます。

それは、以下のコードのためのものである "を示すランダム-のdiv-使用-jqueryの" 私は、このリンクに見出さ WICH Showing random divs using Jquery

$(document).ready(function() { 
$(".Image").hide(); 
var elements = $(".Image"); 
var elementCount = elements.size(); 
var elementsToShow = 4; 
var alreadyChoosen = ","; 
var i = 0; 
while (i < elementsToShow) { 
    var rand = Math.floor(Math.random() * elementCount); 
    if (alreadyChoosen.indexOf("," + rand + ",") < 0) { 
     alreadyChoosen += rand + ","; 
     elements.eq(rand).show(); 
     ++i; 
    } 
} 

}）。

Answer 1

これはあなたがやろうとしていることですか？明らかにHTMLはコードに関連する部分に過ぎないので、jQueryなどを含める必要があります。

Javascriptを

$(document).ready(function() { 
    $(".Image").hide(); 
    var elements = $(".Image"); 
    var elementCount = elements.size(); 
    var elementsToShow = 4; 
    var alreadyChoosen = ","; 
    var i = 0; 
    while (i < elementsToShow) { 
     var rand = Math.floor(Math.random() * elementCount); 
     if (alreadyChoosen.indexOf("," + rand + ",") < 0) { 
      alreadyChoosen += rand + ","; 
      elements.eq(rand).show().appendTo($("#container")); 
      ++i; 
     } 
    } 

HTML

<div id="container"></div> 
<div class="Image">1</div> 
<div class="Image">2</div> 
<div class="Image">3</div> 
<div class="Image">4</div>