jQuery選擇下一個類

Question

我想做的是在我正在處理的網頁上添加頁面查找功能。 我正在使用Highlight插件來突出顯示搜索詞。 您可以在此小提琴上看到基本的演示版本。

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

檢查這個小提琴。

我添加了以下代碼，並且在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);
  }