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

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

使用方法 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>

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

sponsors

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

記事作成:
記事URL:

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