转到word JQuery

首先，用户搜索一些东西。然后，他们转到文档上突出显示关键字的页面。我希望页面自动转到第一个突出显示

url看起来像这样：

page.php？关键字=apple

从这个url，我希望打开文档时，apple的第一个实例位于页面顶部如何才能做到这一点？

编辑

---

也许我不清楚，我不想突出这个词。我想滚动到找到单词的位置。这个词的第一个实例。谢谢…

您应该先给我们一些您以前尝试过的代码。如果您不知道从哪里开始，请将问题分解为简单的部分：“如何跳转到单词jquery”等

这不是一个完美的例子，可以做得更好。

函数goToWord（术语）{
$（'body'）.html（$（'body'）.html（）.replace（term，“+term+”）；
$（'div'）.scrollTop（$（'.found'）.offset（）.top-25）；
}
戈托沃德（“梨”）我玩得很开心。我在线添加了一些评论。如果有什么不清楚的，尽管问


var-found=false；
函数goToWord（单词、上下文）{
//搜索所有包装器候选项
$（上下文）。每个（函数（i，el）{
如果（发现）返回；
变量$el=$（el）；
text=$el.text（）；
//子串匹配
if（~text.indexOf（word））{
发现=真；
$el.html（text.replace（word，“+word+”）；
}
});
//只有找到了什么，我们才能继续
如果（找到）{
animateTop（文本）；
}
}
函数animateTop（文本）{
var目标=$（“#转到目标”），
offTop=target.offset（）.top；
//为项目设置动画
$（“html，body”）.animate({
“滚动顶部”：关闭顶部
}，300，函数（）{
//删除跨度
目标。替换为（文本）；
});
}
goToWord（“苏打水”，“p”）
p{
宽度：360px；
利润率：1.67em；
字体大小：16px；
线高：1.625；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。他告诉我们，这是奥古斯特·森佩尔·波尔塔。
毛里斯·马萨。前庭短弧。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：

libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。Sed convallis tristique sem。在门的舌苔上。莫比·莱克托斯·里索斯，
伊库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。长舌苔。同侧毛里斯。我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们。奎斯克·沃里帕特调味品维利特

根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Nam nec ante。拉齐尼亚，马蒂斯，托托·内克·阿迪皮斯，一个前脚印。无便利。弗林利亚大学。悬钩子
波蒂蒂。我的食物太多了。前庭智人。普罗因奎姆。艾蒂亚姆乌尔特里斯酒店。Suspendisse位于justo eu magna luctus suscipit。塞德·莱克托斯

整数euismod lacus luctus magna。奎斯克·库苏斯（Quisque cursus）、法雷特拉拍卖行（metus vitae pharetra auctor）、马萨·马蒂斯拍卖行（sem massa mattis sem）在奥古斯特钻石国际拍卖行（interdum magna augue eget diam）。虎口浮雕和肘部浮雕同侧前庭；莫比·拉齐尼亚·莫莱斯蒂酒后驾车。
普拉森特·布兰迪特·多洛。我不知道。在我的世界里，有一种元素。同侧的Morbi坐在amet pede facilisis laoreet。Donec lacus nunc，viverra nec，blandit vel，egestas et，augue。马蹄莲前庭。Ut ultrices ultrices
埃尼姆。库拉比图坐在阿梅特莫里斯。酒后驾车中的Morbi是ullamcorper。无便利。整粒紫罗兰

克拉斯·梅特斯。他是一个侵权人。整数id quam。莫比·米。奎斯克·尼斯·费利斯，威尼斯人特里斯蒂克，德高望重，奥古斯都，奥古斯都。在sodales libero eget ante。纳拉奎姆。埃尼安·拉奥里特。前庭前庭前庭，前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭
ac，ultricies eu，pede。奥奇·里苏斯，阿库姆桑·波特托，库苏斯·奎斯，阿利奎特·埃吉特，胡斯托。塞德·普莱蒂姆·布兰迪·奥奇。在pede suscipit sodales的Ut eu直径。艾尼安·莱克特斯精英，无酵素，无酵素，无酵素，无酵素，无酵素，无酵素

纳拉姆·莫里斯·奥奇、阿利奎特·艾库利斯·艾库利斯、维韦拉·维塔伊、利古拉。在purus aliquam饮食中的nullautfelis。梅塞纳斯·阿利奎特·莫利斯·莱克图斯。责任和侵权人的生活。Lorem ipsum dolor sit amet，是一位杰出的献身者。整数nec odio。
自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌
 
我想您可以在页面加载时解析文档的文本，查找关键字，在其周围环绕一个带有ID的范围，然后将滚动顶部设置为新创建的文档的偏移顶部span@Adjit也许我不够清楚。我不想突出显示单词，我想滚动页面到单词的第一个实例。啊，好的，我明白了。嗯，有一些不同的事情你需要弄清楚-；所以，首先我会说，用这个词添加一个span元素，然后使用滚动条滚动到那个元素。是的，这基本上就是我的评论所描述的。我唯一不满的是，现实地说，页面中的每个单词都不会被包装在标签中（对于明显的性能影响）。您确实应该解析HTML并将单词包装在新标记中，滚动到该标记，然后删除tag@mhodges是的，我想补充一点，这不是最好的解决方案。是的，只是简单地提一下。这无疑使解决方案更加健壮，增加了复杂性，这应该是留给OP的一个练习。