如何突出显示包含2个或更多html元素的搜索结果

How to highlight search results with 2 or more html-elements?

本文关键字:html 元素 搜索结果 何突出 显示 包含 2个      更新时间:2023-09-26

我使用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元素,而不需要这个选项,你必须在这里提交一个特性请求。