Question

我要做的是在我正在处理的网页中添加查找页面功能。我正在使用Highlight plugin突出显示搜索字词。您可以在this fiddle上看到基本的演示版。

突出显示插件会添加类“突出显示”的范围。我想反复按“查找”按钮滚动到每个“突出显示”类。这样做的最好和最简单的方法是什么？我试过next（）但是无法让它工作。

function findText(str){
        searchTerm = str;
        $(".col-xs-8").unhighlight();
        $(".col-xs-8").highlight(str);
        $('html, body').animate({
            scrollTop: $(".highlight").offset().top
        }, 100);
      }

Answer 1

检查this小提琴。

我添加了以下代码，我在CSS中也做了一些更改。这解决了你的问题吗？

 function findText(str){          
    searchTerm = str;
    $(".col-xs-8").unhighlight();
    $(".col-xs-8").highlight(str);
    $('html, body').animate({
        scrollTop: $(".highlight").eq($('.hide').val()).offset().top
    }, 100);          
      $('.hide').val(parseInt($('.hide').val())+1);
  }

Jquery选择下一堂课

1 个答案: