javascript - 如何使用 2 个或更多 html 元素突出显示搜索结果?

标签 javascript html

我使用 mark.js 来解决主题,但是,它不适用于以下情况

<p><b>3</b> results found</p>

因此,如果我尝试搜索“找到 3 个结果”,我将得到 0 个匹配项。但是,浏览器可以使用 ctrl+F 处理此类情况。我怎样才能使用 JavaScript 来做到这一点?

最佳答案

要跨多个 HTML 元素进行搜索,您必须启用 mark.js 的 separateWordSearch 选项 - 默认情况下启用该选项。由于您尚未发布代码示例,我假设您已明确停用它。

这是一个例子:

new Mark(document.querySelector("p")).mark("3 results found");
<script src="https://cdn.jsdelivr.net/mark.js/7.0.0/mark.min.js"></script>
<p><b>3</b> results found</p>

如果您需要一个在多个 HTML 元素中搜索的选项,但没有此选项,则必须提交功能请求 here .

关于javascript - 如何使用 2 个或更多 html 元素突出显示搜索结果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38183685/

相关文章:

javascript - NativeScript 创建类似砖石的布局

javascript问题正文样式

javascript - 如何使用jquery计算一行中的某些字段

javascript - 绘制圆圈并保留第一个上传的 Sprite

javascript - 使用 Play Framework 以 JSON 格式提交表单

javascript - Sidr 点击 Action Jquery

javascript - Angular JS 工厂 vs 服务 vs 提供者的例子

html - Flexbox 100% 高度问题

html - MVC 4 SPA中是否有支持离线场景的JavaScript框架?

html - 为什么img :hover doesn't work here?