Jquery选择下一个类

Jquery select next class

本文关键字：下一个 选择 Jquery      更新时间：2023-09-26

我想做的是在我正在处理的网页中添加一个页面内查找功能。我正在使用突出显示插件来突出显示搜索词。你可以在这个小提琴上看到一个基本的演示版本。

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);
      }

检查这个小提琴。

我添加了下面的代码，并对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);
  }
相关文章：