jquery - jQuery 中有没有 "find in page"的标准方法(最好没有插件)

Question

我想在页面上提供一个搜索字段，以模仿浏览器的“在页面中查找”功能。假设我们无法调用浏览器自己的功能(window.find() 似乎是非标准的)，我想要搜索、突出显示匹配、提供下一个/上一个匹配等的代码。

我找不到可用的代码来做到这一点，也找不到 jQuery 插件。

Answer 1

看一下 :contains 和 :visible 选择器。像这样的东西:

function findInPage(q) {
  var $target = $(':visible:contains("'+q+'")')
  while( $target.length ) {
    $target = $target.children(':contains("'+q+'")');
  }
  return $target.end();
}

或者，您可以使用 Mark.js

Domo