要素をソートさせるjQueryプラグイン「TinySort」

画像やリスト、表組みなどソートできるようにしておくと便利です。
jQueryプラグインのTinySort 1.3.27はこれを簡単に実現可能です。

sponsors

使用方法

TinySort 1.3.27からファイル一式をダウンロード。

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.tinysort.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
		$('#id1 li').tsort(); //通常のソート
		$('#id2 li').tsort('img',{attr:'alt'}); //imgのaltでソートする
    });
  </script>
あとはリストを記述すれば勝手にソートされます。
必要に応じてonclickなどに設定すれば、良いのではないでしょうか。

<ul id="list1">
	<li>い</li>
	<li>あ</li>
	<li>b</li>
	<li>c</li>
	<li>a</li>
</ul>

サンプル

sort by alt

sortする
Javascriptサンプルページ一覧
skuare.net

sponsors