javascriptでの半角、全角、大文字、小文字を区別しない文字列検索

javascript（jQueryも利用可）を利用して、半角、全角、大文字、小文字を区別せず文字列を検索し、置換する処理をしたいと考えています。

具体的にやりたいこととして、ユーザが入力したキーワードでHTML中のリンクタイトルを検索し、一致するものがある場合は場合ハイライト表示するということがやりたいのですが、その際キーワードに半角カナや、大文字の英字等が混在していても検索にヒットするようにしたいのです。

例えばキーワードが、
「ﾘﾝｸﾀｲﾄﾙA」
「リンクﾀｲﾄﾙＡ」
「リンクタイトルa」
の何れかであっても、
以下のHTML中で全てのリンクがヒットし、リンクタイトルの前後に<span class=highlight>リンクタイトルA</span>というタグを追加すると言った処理を実装したいです。

lang
1<div class="link_list">
2  <ul>
3      <li>
4        <a href="http://dummy.com">リンクタイトルＡ</a>
5      </li>
6      <li>
7        <a href="http://dummy.com">リンクタイトルA</a>
8      </li>
9  </ul>
10</div>
11<div class="link_list">
12  <ul>
13      <li>
14        <a href="http://dummy.com">リンクタイトルa</a>
15      </li>
16  </ul>
17</div>
18

これをjavascript（jQuery）でどのようなロジックを組めば実現できるでしょうか。

行動規範の内容に同意します

回答1件

まずアルファベットの全角半角についてですが
入力された全角文字をJavaScriptで半角に変換する方法
 String.prototype.toLowerCase()
以上二つを用いて半角全角大文字小文字のアルファベットに対応します。
(大文字小文字に関しては正規表現のiフラグでも可能ですね)

次に日本語のカタカナなどには特別な対処が必要な模様。
以下のようなライブラリを見つけましたのでこれで対応してみると可能ではないでしょうか。
半角全角変換・特定文字抽出など日本語を便利に扱うJavaScriptライブラリ。

……ですがもし例2のように混ざっている物ですと文字数分の総当たりに近い処理を組む必要があるものと思われます。

以下余談
その場合、思いついたのがまず全文を変換にかけておおまかに一致している点を見つけ
(束を見つけるイメージ。もっとも一致する変換を確認する。この場合大文字小文字半角全角の4パターンを確認する必要がある?)
不一致の点に別の変換をかけて確認を取ることです。
こうすれば一文字ずつ変換をかけて総当たりせずとも一応結果を得られるものと思います。

投稿2015/06/03 14:35