HTMLページ内の検索機能を完了する

 <div class="container" style="z-index: 999" id="searchDiv">
        <div class="キーワード検索">
            検索する：
            <input id="key" type="text" style="width: 200px;" placeholder="キーワード" />
            <a href="javascript:void(0);" class="prev" onclick='wordSearch(1)'><i class="c-icon"></i></a>
            <a href="javascript:void(0);" class="next" onclick='wordSearch()'><i class="c-icon"></i></a>
        </div>
    </div>

  <script>//検索関数 var oldKey0 = "";
        var index0 = -1;var oldCount0 = 0;
        var 新しいフラグ = 0;
        var 現在の長さ = 0;
        関数 wordSearch(flg) {
            var key = $("#key").val(); //キー値を取得するif (!key) {
                return; //キーが空の場合は終了する}
            配列を取得します。
            フォーカスを次に移動(flg);
        }
        関数 focusNext(flg) {
            if (newflag == 0){//新しい検索の場合、インデックスはクリアされます index0 = 0;
            }
            もし(!flg){
                if (oldCount0 != 0){//まだ検索中の場合 if (index0 < oldCount0){//左側が終了していない場合は左に移動します focusMove(index0);
                        インデックス0++;
                    } else if (index0 == oldCount0){//すべて完了 index0 = 0;
                        フォーカスを移動します(インデックス0);
                        インデックス0++;
                    }
                    それ以外 {
                        index0 = 0; //未確認 focusMove(index0);
                        インデックス0++;
                    }
                }
            } それ以外 {
                if (oldCount0 != 0){//まだ検索中の場合 if (index0 <= oldCount0 && index0 > 0){//左側が終了していない場合は、左の index0 に進みます --;
                        フォーカスを移動します(インデックス0);
                    } else if (index0 == 0){//すべて完了 index0 = oldCount0;
                        インデックス0--
                        フォーカスを移動します(インデックス0);
                    }
                }
            }
        }
        関数 getArray() {
            新しいフラグ = 1;
            $(".contrast .result").removeClass("res");
            var key = $("#key").val(); //キー値を取得するif (!key) {
                古いキー0 = "";
                return; //キーが空の場合は終了する}
            if (oldKey0 != キー || $(".current").length != 現在の長さ) {
                //インデックス0を0にリセットします。
                var インデックス = 0;
                $(".contrast .result").each(関数() {
                    $(this).replaceWith($(this).html());
                });
                pos0 = 新しい配列();
                $(".contrast-wrap").hasClass("current") の場合 {
                    現在の長さ = $(".current").length;
                    $(".current .contrast").each(function() {
                        $(this).html($(this).html().replace(new RegExp(key, "gm"), "<span id='result" + (index++) + "' class='result'>" + key + "</span>")); // 置換 });
                } それ以外 {
                    $(".contrast-wrap").addClass('current');
                    現在の長さ = $(".current").length;
                    $(".contrast").each(関数() {
                        $(this).html($(this).html().replace(new RegExp(key, "gm"), "<span id='result" + (index++) + "' class='result'>" + key + "</span>")); // 置換 });
                }
                //$("#key").val(キー);
                oldKey0 = キー;
                //$(".contrast.result").each(関数() {
                // $(this).parents('.contrast-wrap').addClass('current');
                // pos0.push($(this).offset().top);
                // //);
                // pos0.push($(".contrast .result:eq(2)").offset().top - $(".contrast .result:eq(2)").parents(".contrast").offset().top);
                oldCount0 = $(".contrast.result").length;
                新しいフラグ = 0;
            }
        }
        関数 focusMove(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);
            ($(".contrast .result:eq(" + index0 + ")").parents(".contrast").scrollTop() == 0) の場合 {
                $("html, body").animate({ scrollTop: top - 200 }, 200);
            } それ以外 {
                $("html, body").animate({ scrollTop: $(".contrast .result:eq(" + index0 + ")").parents(".contrast").offset().top - 200 }, 200);
            }
        }
        $('#key').change(関数() {
            ($('#key').val() == "") の場合 {
                インデックス0 = 0;
                $(".contrast .result").each(関数() {
                    $(this).replaceWith($(this).html());
                });
                古いキー0 = "";
            }
        });
    </スクリプト>