jQuery:contains - 跳转到下一个匹配的div

时间:2013-10-10 18:22:38

标签: jquery search contains next

我是jQuery的新手,希望有人可以帮助我。

我有一个包含大量静态文本的网站,并希望在网站上创建一个小搜索功能。 到目前为止,我有一个带有Prev和Next按钮的搜索字段+下面的代码,它搜索具有特定类的所有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('');
    }
});

感谢您对此提供任何帮助, 添

0 个答案:

没有答案