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

要素を英数字や日付などでソートする機能をを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}); 上記は、数字でソートを行っていますが、以下のデータ型についても要素を簡単にソートが出来て非常に便利です。 アルファベ

[keizi320]

js data sort

[Naoki1]

何か使う場面がでてきたら。

[wims_Tea]

何か使う場面がでてきたら。

[pink_dark]

[[javascript]

[inthesoup]

リストなどのHTMLを小さい順に並び替え出来る