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

Question

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

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

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

Answer 1

要跨多个 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 .