Dies geschah, bevor Webseitenabfrage durchgeführt wurde
Formular erhalten Sie Schlüsselwörter> Verarbeitung von SQL -Anweisungen im Backend> Daten zurück in die angezeigte Frontend -zu
Heute bin ich plötzlich dazu gekommen, wie die STRL+F -Funktion des Browsers implementiert werden kann. Stellen Sie die Daten auf die Seite gleichzeitig ein und verwenden Sie dann JS, um den Inhalt der Seite zu entsprechen.
Egal was, jetzt ist die Funktion erfüllt, und dann wird die Optimierung durchgeführt
Die Codekopie lautet wie folgt:
$ (function () {
var userArray = new Array ();
var turenamearray = new Array ();
var table = $ ("table> tbody");
table.children (). jeweils (function () {
userId = $ (this) .Children (). Gl (0) .html ();
// Speichern Sie die Schülernummer in die Ausgabe
UserArray.push (userId);
TruthName = $ (this) .Children (). Gl (1) .html ();
// Speichern Sie den Namen im Array
Turenamearray.push (turesame);
});
//
$ ("#search"). Focus (function () {
$ (this) .val ("");
}). Blur (function () {
val = $ .trim ($ (this) .val ());
if (val === "")
{
$ (this) .val ("Arbeitsnummer/Name");
}
});
$ (". Btn"). Click (function () {
val = $ ("#suche"). val ();
if (val === "Arbeitsnummer/Name")
{
ALERT ("Bitte geben Sie eine gültige Arbeitsnummer und einen gültigen Namen ein");
}
anders
{
Tabelle.Children (). Hide ("100");
if (! isnan (val))
{
Hanld (UserArray, Val);
}
anders
{
Hanld (Turenamearray, Val);
}
}
});
Funktion Hanld (Array, Wert)
{
für (i = 0; i <array.length; i ++)
{
if (Array [i] .Indexof (Wert)! == -1)
{
Tabelle.Children (). EQ (i) .Show ("1000");
}
}
}
Der Code ist oben. Lassen Sie mich über die folgenden Designideen sprechen.
Lassen Sie die Daten übereinstimmen und speichern Sie sie in der Reihenfolge in das Array und dann in der Übereinstimmung.
Der Funktionsindex, der sich in JS -Substrings befindet, gibt -1 zurück, wenn er nicht übereinstimmt, und die Position der Zeichenfolge wird zurückgegeben.
Auf diese Weise kann die Suche abgeschlossen werden. Zuerst alle Daten ausblenden, und dann wird die Übereinstimmung angezeigt. Das ist in Ordnung