まだデータがありません。
単語をアルファベット順に並べる「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> |
スポンサーリンク