jQuery Ajax通信をランダムで表示

解決済

質問者：mc0816
質問日時：2013/08/06 20:30
回答数：1件

Ajax通信で別htmlファイルを読み込みたいと考えています。
それぞれ読み込むファイルは、a.html、b.html、c.html、d.htmlとあります。

読み込む先(index.html)の以下div要素内に、
上記htmlを読み込みたいと考えています。
<div id="01"></div>
<div id="02"></div>
<div id="03"></div>
<div id="04"></div>

本来ならAjax通信で以下のように出来るかと思います。
$(function(){
　$('#01').load('a.html');
　$('#02').load('b.html');
　$('#03').load('c.html');
　$('#04').load('d.html');
});

しかし、div要素内の表示をランダムにしたいのです。
例）id="01"のところに、b.htmlだったり、d.htmlだったりという感じです。
　ロードする度にコンテンツの表示場所が変化するイメージです。

ランダムというところが、どのように対処したらよいのか、手も足も出ません。

どなたか詳しい方、ご教授いただけたら助かります。

何卒、何卒、宜しくお願いいたします。