社内サーバー(Webサーバーではない)にHTMLを作成しています。
ページ内の一覧から、キーワード検索できるようにInputboxを設置しております。
現在は、1つのキーワードで検索できます↓が、複数のキーワードで検索できるようにしたいのですが、どうなおしたらいいのか、わかりません。
jQueryは素人です。
例ですが、inputboxに「1 a」で検索をかけると1行目のみ表示したいのです。
今の記述だと1つのワードしか検索かけられません。
アドバイスいただけると助かります!
jQuery
1jQuery$(function() { 2 $('#button').on("click", function() { 3 var re = new RegExp($('#search').val()); 4 $('#result tbody tr').each(function() { 5 var tr = $(this); 6 tr.hide(); 7 $('td', this).each(function() { 8 var txt = $(this).html(); 9 if (txt.match(re) != null) { 10 tr.show(); 11 } 12 }); 13 }); 14 }); 15 $('#button2').on("click", function() { 16 $('#result tr').show(); 17 }); 18}); 19
html
1<input type="text" id="search"> 2<input type="button" value="絞り込む" id="button"> 3<input type="button" value="すべて表示" id="button2"> 4 5<table id="result"><tbody> 6<tr><td>123</td><td>abc</td></tr> 7<tr><td>456</td><td>ddd</td></tr> 8<tr><td>456</td><td>aaa</td></tr> 9<tr><td>123</td><td>ccc</td></tr> 10</tbody></table>
インデントはきちんとつけてください。
カッコの開始と終了が分かりにくいコードはそれだけで不具合の要因となりえます。
インデントがごちゃごちゃで見る気が失せるのでインデントはしっかりしてください。
プログラムの基本です
すみません。修正してみましたが、
素人なのでちょっとみづらいかもしれません。。
functionが切れてるのは良くないですね。
もし自身で難しければ下記のようなサービスを使うのも手です。
https://tools.m-bsys.com/development_tooles/jsbeautifier.php
ありがとうございます!
早速試して修正しました。これから徐々に勉強していきます。
回答3件
あなたの回答
tips
プレビュー