javascript - 突出显示 URL 中的搜索值

Question

目前我正在处理一个网站，当您在全局标题中搜索时，您会被带到搜索结果页面。进入搜索结果页面后，您可以在 url 中看到您的搜索。示例:我搜索了 elephant，search-results.html?elephant。我需要我的搜索结果页面突出显示页面上与该值匹配的所有内容，并且仅突出显示该值。我不希望高亮显示问号后面的“搜索”或“结果”，即值。我找到的最接近的解决方案是这个

http://www.nsftools.com/misc/SearchAndHighlight.htm

但它以某种方式打断了我的 css div header 。另外，(也许我的大脑因为盯着这段代码看得太久而被炸了)我如何自定义这段代码来读取我的值？这似乎也是一个解决方案，但我无法让它发挥作用。我将函数 highlightSelection() 与 body onload 一起使用，但没有成功。

http://www.switchonthecode.com/tutorials/javascript-highlighting-selected-text

或者甚至是 Coopster 的帖子，如果我可以从 url 中获取值的话。我知道我可以 document.write(window.location.search.substr(1)) 它会显示给我。

http://www.webmasterworld.com/forum83/2418.htm

感谢您的帮助。

Answer 1

你可以尝试使用包含: http://docs.jquery.com/Selectors/contains#text

$("span:contains('Hey')").css("text-decoration", "underline");

这个问题你必须有一个类或你想要专门搜索的东西，你可以做一个 *:contains 但它最终会捕获每个元素。

http://jsfiddle.net/dLdb2/

您需要通过 javascript 或您正在使用的任何后端获取 $_GET 值。这是一个用 jQuery 获取它的链接:

retrieving $_GET variable in jquery