Isso foi feito antes de fazer a consulta da página da web
Formulário obtém palavras -chave> Processamento de instruções SQL no back -end> Retornar dados para o front -end para exibir
Hoje cheguei de repente como implementar a função Ctrl+F do navegador. Coloque os dados na página de uma só vez e use JS para corresponder ao conteúdo da página.
Não importa o quê, agora a função é concluída e a otimização está sendo feita
A cópia do código é a seguinte:
$ (function () {
var userArray = new Array ();
var Turonamearray = new Array ();
var tabela = $ ("tabela> tbody");
tabela.Children (). Cada (function () {
userID = $ (this) .Children (). Eq (0) .html ();
// salve o número do aluno na saída
UserArray.push (userID);
VerbelName = $ (this) .Children (). Eq (1) .html ();
// salve o nome na matriz
Turonamearray.push (TureName);
});
//
$ ("#pesquisa"). foco (function () {
$ (this) .val ("");
}). Blur (function () {
val = $ .Trim ($ (this) .val ());
if (val === "")
{
$ (this) .val ("Número/nome de trabalho");
}
});
$ (". btn"). Clique (function () {
val = $ ("#pesquisa"). val ();
if (val === "Número/nome do trabalho")
{
alerta ("Por favor, insira um número de trabalho válido e nome");
}
outro
{
tabela.Children (). Hide ("100");
if (! isnan (val))
{
Hanld (UserArray, Val);
}
outro
{
Hanld (Turonamearray, Val);
}
}
});
função hanld (matriz, valor)
{
para (i = 0; i <array.length; i ++)
{
if (matriz [i] .IndexOf (valor)! == -1)
{
tabela.Children (). Eq (i) .Show ("1000");
}
}
}
O código está acima, deixe -me falar sobre as idéias de design abaixo.
Obtenha os dados para corresponder e armazená -los em ordem na matriz e, em seguida, na partida.
O índice de função de está localizado em JS Substrings retorna -1 se não corresponder, e a posição da string será retornada.
Dessa forma, a pesquisa pode ser concluída. Primeiro oculte todos os dados e, em seguida, a correspondência será exibida. Isso está ok