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

jQuery-像浏览器一样进行页面搜索,jquery,dom,Jquery,Dom,我尝试使用STRG+F在现代浏览器中进行页面搜索。我尝试了: $("#mydiv").find(':contains(\'mySearchString\')').prepend('found you!'); 问题是jQuery多次添加发现,因为有多个文件元素具有字符串。例如: Found you<div> Found you<ul> Found you<li> Found you<a>mySearchStrin

我尝试使用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>
找到你了
发现你
    找到你
  • 找到你我的搜索字符串
您可以执行以下操作:

$("#mydiv").find(':contains(\'mySearchString\')').eq(0).prepend('found you!');
挑出第一场比赛

否则,你可以说它的工作原理类似于谷歌浏览器,它会立即突出显示所有搜索匹配项;)


将仅选择最后一个内部文本节点。如果您正在使用IE,请使用常量3而不是Node.TEXT\u Node。

另外,它不会找到
找到您。有趣的问题!Firefox也可以:P,但我只能显示其中一个匹配项。。我只会标记错误的元素。。我需要最后一个元素,所以在本例中是元素,而不是
$('#mydiv').find(':contains(\'mySearchString\')').contents().filter(function(){return this.nodeType == Node.TEXT_NODE}).prepend('found you!');