jQuery-像浏览器一样进行页面搜索
我尝试使用STRG+F在现代浏览器中进行页面搜索。我尝试了: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
$("#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!');