javascript - Jquery 选择下一个类

Question

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

Highlight 插件添加了一个带有类“highlight”的跨度。当您反复按“查找”按钮时，我想滚动到每个“突出显示”类。最好和最简单的方法是什么？我尝试了 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 fiddle 。

我已经添加了下面的代码，我也对 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);
  }