0

私はjQueryにかなり慣れていないので、ここの誰かが私を助けてくれることを願っています.

多くの静的テキストを含む Web サイトがあり、サイトに小さな検索機能を作成したいと考えています。これまでのところ、[前へ] ボタンと [次へ] ボタンのある検索フィールドと、特定のクラスのすべての div を検索し、結果をカウントして結果を強調表示する次のコードがあります。

検索に一致する次の div に「ジャンプ」する [次へ] ボタンをクリックすると、どうすればそれを管理できますか? 検索結果に一時的にクラスを追加できるのではないかと考えましたが、それを実現する方法がわかりませんでした。

私の作業コード(これまで):

$('#siteSearch').on('keyup', function()
{
    var searchTerm = $('#siteSearch').val();
    var searchCount = $('.editorTxt:contains("' + searchTerm + '")').length;

    if(searchTerm.length > 1)
    {
        $('.editorTxt').css('background-color', '');
        $('.editorTxt:contains("' + searchTerm + '")').css('background-color', '#FFFF00');
        $('#searchCount').text('(' + searchCount + ')');
    }
    else
    {
        $('.editorTxt').css('background-color', '');
        $('#searchCount').text('');
    }
});

これについて助けてくれてありがとう、ティム

4

0 に答える 0