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

 <div Klasse="Container" Stil="z-index: 999" id="searchDiv">
        <div Klasse="Schlüsselwortsuche">
            Suchen nach:
            <input id="key" type="text" style="width: 200px;" placeholder="Schlüsselwort" />
            <a href="javascript:void(0);" Klasse="prev" onclick='wordSearch(1)'><i class="c-icon"></i></a>
            <a href="javascript:void(0);" Klasse="nächstes" onclick='wordSearch()'><i class="c-icon"></i></a>
        </div>
    </div>

  <script>//Suchfunktion var oldKey0 = "";
        var index0 = -1;var alterAnzahl0 = 0;
        var neue Flagge = 0;
        var aktuelleLänge = 0;
        Funktion WortSuche(flg) {
            var key = $("#key").val(); //Schlüsselwert abrufenif (!key) {
                return; //Beenden, wenn der Schlüssel leer ist}
            getArray();
            FokusWeiter(flg);
        }
        Funktion FokusWeiter(Flag) {
            if (newflag == 0) {//Bei neuer Suche wird der Index gelöscht index0 = 0;
            }
            wenn (!flg) {
                if (oldCount0 != 0) {//Wenn noch gesucht wird if (index0 < oldCount0) {//Wenn die linke Seite nicht fertig ist, gehe nach links focusMove(index0);
                        Index0++;
                    } sonst wenn (index0 == oldCount0) {//Alles erledigt index0 = 0;
                        FokusBewegung(index0);
                        Index0++;
                    }
                    anders {
                        index0 = 0; //Nicht bestätigt focusMove(index0);
                        Index0++;
                    }
                }
            } anders {
                if (oldCount0 != 0) {//Wenn noch gesucht wird, if (index0 <= oldCount0 && index0 > 0) {//Wenn die linke Seite nicht fertig ist, gehe nach links index0--;
                        FokusBewegung(index0);
                    } sonst wenn (index0 == 0) {//Alles erledigt index0 = oldCount0;
                        index0--
                        FokusBewegung(index0);
                    }
                }
            }
        }
        Funktion getArray() {
            neue Flagge = 1;
            $(".contrast .result").removeClass("res");
            var key = $("#key").val(); //Schlüsselwert abrufenif (!key) {
                alterSchlüssel0 = "";
                return; //Beenden, wenn der Schlüssel leer ist}
            wenn (alterSchlüssel0 != Schlüssel || $(".aktuell").Länge != aktuelleLänge) {
                //Zurücksetzen index0 = 0;
                Var-Index = 0;
                $(".kontrast .result").jeweils(funktion () {
                    $(diese).ersetzenMit($(diese).html());
                });
                pos0 = neues Array();
                wenn ($(".contrast-wrap").hasClass("current")) {
                    aktuelleLänge = $(".aktuell").Länge;
                    $(".aktueller .Kontrast").jeweils(Funktion () {
                        $(this).html($(this).html().replace(new RegExp(key, "gm"), "<span id='result" + (index++) + "' class='result'>" + key + "</span>")); // ersetzen });
                } anders {
                    $(".contrast-wrap").addClass('aktuell');
                    aktuelleLänge = $(".aktuell").Länge;
                    $(".Kontrast").jeweils(Funktion () {
                        $(this).html($(this).html().replace(new RegExp(key, "gm"), "<span id='result" + (index++) + "' class='result'>" + key + "</span>")); // ersetzen });
                }
                //$("#Schlüssel").val(Schlüssel);
                oldKey0 = Schlüssel;
                //$(".kontrast.ergebnis").jeweils(funktion () {
                // $(diese).parents('.contrast-wrap').addClass('aktuell');
                // pos0.push($(this).offset().top);
                //});
                // pos0.push($(".contrast .result:eq(2)").offset().top - $(".contrast .result:eq(2)").parents(".contrast").offset().top);
                alterAnzahl0 = $(".contrast .result").Länge;
                neue Flagge = 0;
            }
        }
        Funktion FokusMove(index0) {
            $(".contrast .result:eq(" + index0 + ")").parents('.contrast-wrap').addClass('current');
            $(".contrast .result:eq(" + index0 + ")").addClass("res");
            var top = $(".contrast .result:eq(" + index0 + ")").offset().top + $(".contrast .result:eq(" + index0 + ")").parents(".contrast").scrollTop();
            var intop = top - $(".contrast .result:eq(" + index0 + ")").parents(".contrast").offset().top;
            $(".contrast .result:eq(" + index0 + ")").parents(".contrast").animate({ scrollTop: intop }, 200);
            wenn ($(".contrast .result:eq(" + index0 + ")").parents(".contrast").scrollTop() == 0) {
                $("html, body").animate({ scrollTop: top - 200 }, 200);
            } anders {
                $("html, body").animieren({ scrollTop: $(".contrast .result:eq(" + index0 + ")").parents(".contrast").offset().top - 200 }, 200);
            }
        }
        $('#Schlüssel').ändern(Funktion () {
            wenn ($('#key').val() == "") {
                index0 = 0;
                $(".kontrast .result").jeweils(funktion () {
                    $(diese).ersetzenMit($(diese).html());
                });
                alterSchlüssel0 = "";
            }
        });
    </Skript>