今日の人気記事

  1. select要素の複数選択フォームを実装「Multiple Select」

単語をアルファベット順に並べる「Alphabetize」

当ページのリンクには広告が含まれています。

スポンサーリンク

単語をアルファベット順に並べるプラグイン「Alphabetize」を紹介します。

jQueryプラグイン「Alphabetize」

このプラグインを使えば、ランダムに並んだ単語(テキスト)をアルファベット順のリストに並べ替えることができます。

アルファベット以外の数字・ひらがな・カタカナ・漢字はリストの末尾に配置されます。

スポンサーリンク

それではデモページとソースコードを比較してみてください。

「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>
スポンサーリンク

関連記事(一部広告含む)