スパイスラボ神部です。

ちょっと必要があって、配置済みのDOM要素を並べ替えたかったのですが、どうしてもやりかたがわからず、Twitter でつぶやいてみたところ、めちゃめちゃ参考になる情報をいただきました。

・要素そのものを並び替える方法

・CSS で要素の一を変える方法

のどちらかがあるだろうなぁ、とは思っていましたが、奇しくも両方を教えていただきました。教えてくださったお二方、本当にありがとうございます！

参考までにまとめてみたいと思います。

要素の配置換えを行う jQuery プラグイン

@takimo 氏に教えていただいた方法。こちらは要素そのものを入れ替える方法ですね。

-jQuery: Shuffle Plugin | Yelotofu

サンプルデモはこちら。

-jQuery: Array Shuffle

まさにこれ！という感じ。

>jQueryでランダムに要素を再配置

@Nullly 氏に教えてもらった方法がこちら。

-jQueryでランダムに要素を再配置

初期位置からランダムな目標座標に自動移動というおまけ付きです。こんなことできるんだと改めてびっくり。

また、違った意味で、こんなシャッフル方法もあるようです。

-cycle プラグインフォートラベル API で旅行写真をシャッフル表示する - Cycle Plugin - Postal Search Ajax API with jQuery - Postal Search APIs & Solutions

これもかっこいいなぁ。シンプルスライドショー で使わせてもらおうかしら。