データを扱うテーブルなどにインクリメンタルサーチをjQueryを利用して実装する :: 5509返ってくる結果が膨大になりがちな検索結果(特に管理画面など)などでは、そこからさらにデータを絞り込みを行いたい場合もあるかと思います。毎回ページの遷移があったのではユーザーの負担になりがちです。 そこでjQueryを利用してインクリメンタルサーチを実装する方法をメモもかねて紹介します。 サンプル サンプルファイルのダウンロード テーブルのデータでインクリメンタルサーチを行う 考え方 今回は「A B C D ….」のように単語を半スペースで区切ることを前提に考えます。 考え方は簡単で、 半スペースで区切られた単語を配列(value=[])に保存する。 まず最初の単語(value[0])が含まれているTDをmatchで検索する。 含んでいない場合は親のTRを非表示にする。 さらに2つ目以降の単語(value[1〜x])が存在すれば value[1]からvalue[x]までを順番にmatchで検
