jQuery - 像浏览器一样进行页面搜索

Question

我尝试像在现代浏览器中一样使用 STRG + F 进行页面搜索。我尝试过:

$("#mydiv").find(':contains(\'mySearchString\')').prepend('found you!');

问题是 jQuery 添加了多次发现你的操作，因为有多个元素包含该字符串。示例:

Found you<div>
   Found you<ul>
      Found you<li>
         Found you<a>mySearchString</a>
      </li>
   </ul>
</div>

Answer 1

$('#mydiv').find(':contains(\'mySearchString\')').contents().filter(function(){return this.nodeType == Node.TEXT_NODE}).prepend('found you!');

只会选择最后一个内部文本节点。如果您使用 IE，请使用常量 3 而不是 Node.TEXT_NODE。