jQuery を使用してブラウザ検索を単純にシミュレートする function_jquery

改善の必要があることを示すために急いで書きました。次のコードをテキスト ファイルにコピーし、ファイル拡張子を .html に変更して実行します。

コードをコピー コードは次のとおりです:

<頭>
   
   
    <スクリプトタイプ="text/javascript">
        var oldKey = "";
        var インデックス = -1;
        var pos = new Array();
        var oldCount = 0;

関数検索(flg) {
            if (!flg) {
                インデックス ;
                インデックス = インデックス == 古いカウント ? 0 : インデックス;
            }
            他 {
                インデックス--;
                インデックス = インデックス             }

$(".result").removeClass("res");
            $("#toresult").remove();
            var key = $("#key").val(); //キー值
を取得             if (!key) {
                oldKey = "";
                戻る; //キーは空退出
            }

if (oldKey != key) {
                // 重ね置き
                インデックス = 0;
                $(".result").each(function () {
                    $(this).replaceWith($(this).html());
                });
                pos = 新しい配列();

$("body").html($("body").html().replace(new RegExp(key, "gm"), "" キー "")); // 入れ替え

$("#key").val(key);
                oldKey = キー;
                $(".result").each(function () {
                    pos.push($(this).offset().top);
                });
                oldCount = $(".result").length;
            }

$(".result:eq(" Index ")").addClass("res");

$("body").scrollTop(pos[index]);
}

1検索対象のテキスト。

2検索対象のテキスト。

3検索するテキスト。

4検索するテキスト。

5検索対象のテキスト。

10美しい故郷。

11美しい故郷。

12美しい故郷。

13美しい故郷。

14美しい故郷。

15美しい故郷。

これは主に全員がアイデアを提供するためのものです。待ちきれない場合は、自分で改良することもできます。