单击按钮从上到下滚动到搜索的单词

Question

I want to scroll to searched word one by one when I click down button. Please see Fiddle for code implemented

$('#searchfor').keypress(function(){
  var page = $('#all_text');
  var pageText = page.text().replace("<span>","").replace("</span>");
  var searchedText = $('#searchfor').val();
  var theRegEx = new RegExp("("+searchedText+")", "igm");    
  var newHtml = pageText.replace(theRegEx ,"<span>$1</span>");
  page.html(newHtml);
});

Answer 1

see this example : http://jsfiddle.net/kevalbhatt18/ju6xxwvb/13/

i used js from hear Search and Highlight in jQuery

and button login is wrriten

 var find = function(results, type, counter, adjPx, $el) { if (results.length > 0) { if (type === 'next') { if (counter > 0 && results.length == counter) { counter = 0; } } else if (type === 'prev') { if (counter < 0) { counter = results.length - 1; } else if (counter === results.length) { counter = counter - 2; } } results.removeClass("active"); $(results[counter]).addClass("active"); if ($el) { $('html,body').animate({ scrollTop: $(results[counter]).offset().top - adjPx }, 100); } else { $el.animate({ scrollTop: $(results[counter]).offset().top - adjPx }, 100); } counter = (type === 'prev') ? counter - 1 : counter + 1; } return counter; };