前の記事 ≪:種類が豊富で紙のテクスチャには困らないかもというまとめ
次の記事 ≫:2009年11月24日 管理人のブックマーク

要素を英数字や日付などでソートする機能ををJavaScriptに簡単機能追加

2009年11月24日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

要素を英数字や日付などでソートする機能ををJavaScriptに簡単機能追加できる jquery.datasort.js が公開されています。



例えば、次のようなHTMLがあったとします。

<ul class='n'>
    <li>4.09</li> 
    <li>4.10</li> 
    <li>67.8</li> 
    <li>100</li> 
    <li>-98</li> 
    <li>67.7</li> 
    <li>23</li>
</ul>

datasort メソッドを実行すると次のようにソートが可能。



なんと、これを実現するためにJavaScriptコードはたった以下の1行だけ。

$('ul.n li').datasort({datatype: 'number', reverse: true});

上記は、数字でソートを行っていますが、以下のデータ型についても要素を簡単にソートが出来て非常に便利です。

  • アルファベット
  • 数値
  • 日付(英語)
  • 時間

reverse オプション付与で逆順に並べることも可能です。
こういう処理はサーバサイドでやらなくてもいい時代になってしまいました。

詳しくは以下のエントリを参照してください。
Sorting Values with JavaScript - Nettuts

関連の記事検索:jQuery, sort
スポンサード リンク

By.KJ : 2009年11月24日 11:01 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)