Jquery 特定のa要素を持つ親を２つに分けてランダムに順番入れ替え

質問

Jquery 特定のa要素を持つ親を２つに分けてランダムに順番入れ替え
立て続けに何度も質問して申し訳ありません。いろんな方に質問して、答えていただき、
【HTML】
<div id="shop">
<p><a href="http://www.aaaa.jp">お店の名前</a></p>
<p>あああああああああ</p>
</div>

<div id="shop">
<p><a href="http://www.bbbb.jp">お店の名前</a></p>
<p>あああああああああ</p>
</div>

<div id="shop">
<p><a href="http://www.cccc.jp">お店の名前</a></p>
<p>あああああああああ</p>
</div>

<div id="shop">
<p><a href="http://www.dddd.jp">お店の名前</a></p>
<p>あああああああああ</p>
</div>

<div id="shop">
<p><a href="http://www.eeee.jp">お店の名前</a></p>
<p>あああああああああ</p>
</div>

<div id="shop">
<p><a href="http://www.ffff.jp">お店の名前</a></p>
<p>あああああああああ</p>
</div>

<div id="shop">
<p><a href="http://www.gggg.jp">お店の名前</a></p>
<p>あああああああああ</p>
</div>
【Jquery】
$(function(){
var shopA = $('a[href*="http://www.aaaa.jp"]').parent().parent().css("background-color","#CCC");
var shopC = $('a[href*="http://www.cccc.jp"]').parent().parent().css("background-color","#666");
shopA.after(shopC);
});

特定のURLを持つ親のdivの順番を入れ替えることに成功しました。が、

さらにこの特定のa要素を持つdivをリロードごとにランダムで順番を切り替えるにはどうすればいいのでしょうか？？

さらに、特定のURLを持たない、つまりそれ以外のURLを持つ親要素もランダムで順番を切り替えたいのです。

つまり、上と下で２つに分けたランダムが動いているようにしたいのです。
有料と無料で振り分けて、有料を上でランダム、その下で無料の登録URLがランダムにしたいんだとか・・・。

すみません、もし分かるかた、教えていただけたら助かります！！

回答No.1

yyr446

まず、id="shop"は止められないですか？
idは本来ユニークなはずです。
親DIVをclass="yuryou"とclass="muryou"に分けて処理しちゃだめっすか？

補足

ご指摘ありがとうございます。
このid="shop"は仮で、実際にはありません。

>親DIVをclass="yuryou"とclass="muryou"に分けて処理しちゃだめっすか？
こちらについては、htmlを直接いじるということでしょうか？
それとも、Jqueryで、divの名前を変更するということでしょうか？

誰が作ったかもわからないぐちゃぐちゃなPHPで自動で吐き出されたものなので、HTMLを直接いじることができないのです(涙)

すみませんでした、前の質問のURLを書けばよかったですね。申し訳ありません

http://oshiete.goo.ne.jp/qa/5841462.html