これは、Webページクエリを実行する前に行われました
フォームキーワードを取得>バックエンドのSQLステートメントの処理> [データをフロントエンドに戻す]を表示して表示します
今日、私は突然、ブラウザのCtrl+F機能を実装する方法になりました。ページにデータを一度に配置し、JSを使用してページのコンテンツに一致します。
何があっても、これで関数が完了し、最適化が行われています
コードコピーは次のとおりです。
$（function（）{
var userArray = new Array（）;
var turenamearray = new Array（）;
var table = $（ "table> tbody"）;
table.children（）。各（function（）{
userid = $（this）.children（）。eq（0）.html（）;
//生徒番号を出力に保存します
userarray.push（userid）;
truthName = $（this）.children（）。eq（1）.html（）;
//配列に名前を保存します
turenamearray.push（turename）;
}）;
//
$（ "＃search"）。focus（function（）{
$（this）.val（ ""）;
}）。blur（function（）{
val = $ .trim（$（this）.val（））;
if（val === ""）
{
$（this）.val（ "work number/name"）;
}
}）;
$（ "。btn"）。クリック（function（）{
val = $（ "＃search"）。val（）;
if（val === "作業番号/名前"）
{
アラート（「有効な作業番号と名前を入力してください」）;
}
それ以外
{
table.children（）。hide（ "100"）;
if（！isnan（val））
{
Hanld（userArray、val）;
}
それ以外
{
hanld（turenamearray、val）;
}
}
}）;
function hanld（array、value）
{
for（i = 0; i <array.length; i ++）
{
if（array [i] .indexof（value）！== -1）
{
table.children（）。eq（i）.show（ "1000"）;
}
}
}
コードは上にあります。以下のデザインのアイデアについて話させてください。
データを一致させ、配列に順番に保存してから、試合中に保存します。
JSサブストリングスにある関数インデックスは、一致しない場合に-1を返し、文字列の位置が返されます。
これにより、検索を完了できます。最初にすべてのデータを非表示にすると、一致が表示されます。それで大丈夫です