Füllen Sie die Suchfunktion auf der HTML -Seite aus

Vor kurzem war ich in einem Rahmen, der von vielen Menschen verändert wurde. Rede Desk, um die beiden Bibliotheken zu sehen, nimm es an diesem Tag zum Teilen.

Diese Funktion wird hauptsächlich in das Suchfeld eingeben. Bestellen Sie in Ordnung.

Die Rezeption ist wahrscheinlich wie folgt:

HTML ist Folgendes:

 <div class = container style = z-Index: 999 id = searchDiv> <div class = Keyword-Suche> Finden Sie: <Eingabe-ID = Schlüsseltyp = textstyle = width: 200px; JavaScript: void (0); ) '> <i class = c-icon> </i> </a> </div> </div>

Skriptcode:

 <Script> // Suchfunktion varuntkey0 =; // Nehmen Sie den Schlüsselwert, wenn (! Key) {return; Suchen Sie weiterhin if (index0 <count0) {// Wenn Sie die linke nicht beenden, gehen Sie auf der linken FocusMove (index0) ;;} else if (index0 == OldCount0) {// nach dem Abgeordneten, ich habe index0 beendet, INDEX0 = 0; (Index0); Fertig, links index0-; (.Rast. ! $ (this) .html ());}); . Ergebnis '> + Schlüssel + < /span>)); .html (). } // $ (#Key) .val (Schlüssel); 'Current'); . +)). EQ ( + Index0 +). ). HTML, Körper). Eltern (.Contrast) .Offset (). Vertrag .Result) .each (function () {$ (this) .ReplaceWith ($ (this) .html ());

Entfernen Sie zunächst die letzten Abfrageergebnisse und verwenden Sie den Wert des Schlüssels, um den regulären Ausdruck zu verwenden, um alle passenden Zeichen im Bereich hinzuzufügen, um einen speziellen Stil hinzuzufügen. Die Methode. , Newflag Set 0 (wenn es nicht für die erste Abfrage Newflag auf 1 war).

Geben Sie die GetNext -Methode ein. Weniger als 0 als 0, beginnen Sie von vorne).

Die FocusMove -Methode besteht darin, die Seite des aktuellen Elements zu lokalisieren.

EQ () Selektor: Wählen Sie die Auswahl von Elementen mit angegebenen Indexwerten. Zum Beispiel: $(.contrast .result:eq(1)) , dem Namen der zweiten Klasse des Ergebnisses des ausgewählten Klassennamens des Kontrastelements.

Eltern () Methode: Alle übergeordneten Elemente des Elements. $(p).parents('.contrast-wrap') und alle Klassen, die als Kontrast-Wrap im P-Element bezeichnet werden.

Die Ersatz () Methode: Ersetzen Sie das ausgewählte Element durch den angegebenen HTML -Inhalt. Beachten Sie, dass das Element des ausgewählten Elements ebenfalls ersetzt wird.

Offset () Methode: Return oder setzen Sie die Offset (Position) des Übereinstimmung Element relativ zum Dokument.

Scrolltop () -Methode: Return oder setzen Sie die vertikale Position der Rollstange des Matching -Elements.

Die oben genannte HTML -Seite, die von Xiaobian vorgestellt wurde, um die Suchfunktion zu vervollständigen. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!