単語をアルファベット順に並べる「Alphabetize」
当ページのリンクには広告が含まれています。
スポンサーリンク
単語をアルファベット順に並べるプラグイン「Alphabetize」を紹介します。
jQueryプラグイン「Alphabetize」
このプラグインを使えば、ランダムに並んだ単語(テキスト)をアルファベット順のリストに並べ替えることができます。
アルファベット以外の数字・ひらがな・カタカナ・漢字はリストの末尾に配置されます。
スポンサーリンク
それではデモページとソースコードを比較してみてください。
ソース( HTML + jQuery )
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Alphabetize - jQueryプラグイン</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src='alphabetize.js'></script> <script> $(document).ready(function(){ $('.alphabetize').alphabetize() }); </script> </head> <body> <h1>Alphabetize のデモでーす。</h1> <ul class="alphabetize"> <li>Sunday</li> <li>Monday</li> <li>Tuesday</li> <li>カタカナ</li> <li>Wednesday</li> <li>Thursday</li> <li>日本</li> <li>Friday</li> <li>cube</li> <li>3</li> <li>Saturday</b></li> <li>One</li> <li>Web</li> <li>Design</li> <li>PHP</li> <li>jQuery</li> <li>Two</li> <li>あ</li> <li>い</li> <li>Three</li> <li>う</li> <li>漢字</li> <li>1</li> <li>byte</li> <li>2</li> <li>Apple</li> </ul> </body> </html>
スポンサーリンク