이것은 웹 페이지 쿼리를 수행하기 전에 수행되었습니다
형식 키워드 가져 오기> 백엔드에서 SQL 문의 처리> 프론트 엔드로 데이터를 표시하여 표시합니다.
오늘 저는 갑자기 브라우저의 Ctrl+F 기능을 구현하는 방법에 왔습니다. 페이지에 데이터를 한 번에 넣은 다음 JS를 사용하여 페이지의 내용과 일치합니다.
어쨌든 이제 기능이 완료되고 최적화가 완료됩니다.
코드 사본은 다음과 같습니다.
$ (function () {
var userArray = new Array ();
var turenamearray = 새로운 배열 ();
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 ( "작업 번호/이름");
}
});
$ ( ". btn"). 클릭 (function () {
val = $ ( "#search"). val ();
if (val === "작업 번호/이름")
{
경고 ( "유효한 작업 번호와 이름을 입력하십시오");
}
또 다른
{
Table.children (). hide ( "100");
if (! isnan (val))
{
hanld (userArray, Val);
}
또 다른
{
Hanld (Turenamearray, Val);
}
}
});
함수 HANLD (배열, 값)
{
for (i = 0; i <array.length; i ++)
{
if (배열 [i] .indexof (value)! == -1)
{
Table.children (). Eq (i) .show ( "1000");
}
}
}
코드는 위에 있습니다. 아래의 디자인 아이디어에 대해 이야기하겠습니다.
데이터를 일치시켜 배열에 순서대로 저장 한 다음 매치에서 저장하십시오.
JS 하위 문자열에 위치한 함수 인덱스는 일치하지 않으면 -1을 반환하고 문자열의 위치가 반환됩니다.
이렇게하면 검색이 완료 될 수 있습니다. 먼저 모든 데이터를 숨기면 경기가 표시됩니다. 괜찮아요