如何突出显示包含2个或更多html元素的搜索结果
How to highlight search results with 2 or more html-elements?
我使用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元素,而不需要这个选项,你必须在这里提交一个特性请求。
相关文章:
- 如何设置html元素填充的动画
- 删除对HTML元素的拖动
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 如何使用JQuery在Javascript中转换字符串中的HTML元素
- 一个html元素的克隆次数太多
- 使用AngularJS Directive WHITOUT$scope创建一个动态html元素
- 为什么我在Internet Explorer上看不到html元素
- 重新排列HTML元素的顺序并更改内容
- 使用.on动态添加jquery/js不知道的html元素
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- 如何将html元素添加到tampermonkey中
- 访问html元素值javascript
- 如何在HTML元素上创建函数,而不是将元素作为参数传递
- 自定义HTML元素属性未显示-Web组件
- 让HTML元素充当停止滚动的锚点
- 将html元素插入到文本字符串中,以匹配另一个html字符串
- 替换HTML元素中的字符
- 如何将html元素添加为生成的内容
- 如何使用JavaScript在没有html dom的情况下隐藏html元素
- 使用JS加载HTML元素