コニファ・ロゴ

csstest:jQuery quicksearch.jsを使って、table内の文字検索から、すばやく該当するtrを表示

quicksearchというだけあって、すばやく検索結果を表示します。table内のすべてのセルを検索します。quicksearch.jsのサンプルについていたtableデータは数千行におよぶ長いもので、コーディングがたいへんだったので、短いtableサンプルに置き換えました。日本語でも問題なく検索できます。

*追記  初出のtableサンプルの内容が実在の古いデータだったため、意味の無いダミーデータのtableと差し替えました。使い方の詳細:入力欄に単語を追加していくごとにクイックサーチし、その文字列を含んだtrを表示します。

:検索キーワードLoading...
ダミーのtableデータ
東京 abc6722 5899 rw-sv100 124455まみ
大阪 abb8722 7709 srw-lv80 よは35465
福岡 xeed220 770945 srw-3366 434677
神奈川 mnee3420 4437775 qwfg-9931 6423きき17
東京2 qrb2780 090971 qwfg-6969 h42ffn
大阪2 moodb2202 389909 srw-lws44 125588
福岡2 xeed88990 12767 sooyrw-767 6さしす7707
神奈川2 wwett95620 356787 qwfgs-342 556622
東京3 qyyb3224 07665 qwfx-3321 cdfv223
福岡3 xeed222 99877 mrw-4422 かて3467
神奈川3 mnee3499 3499002 qwfg-3355 45699あいう
大阪3 moww3332 6765944 srw-lws55 nnaiなに588
福岡4 xeed88990 12767 sooyrw-797 むめ984467
神奈川4 werrt45633 120096 eddf-6988 あお2244
東京4 qyddf66-24 3277846 qwfxww-443 cdfv3-さあ

 

戻るボタン