搜索关键字高亮有一事不明，请老师解答？
来源：7-12 搜索结果 - 高亮搜索结果关键字
爱吃鱼的羊
2023-02-02
搜索关键字高亮，需要后端返回的数据中带有特定的标签才能实现，那就是说，需要和后端的同事协调，在搜索返回的数据中加上，这样才能实现搜索关键字高亮功能。
写回答
1回答
-
你好
搜索关键字高亮，有两种实现方式。
第一种是服务端实现，也就是你所说的这种方式。
第二种是纯前端实现，具体思路如下：
检索列表中的 title 属性
通过正则，把用户输入的搜索关键字 和 title 属性作对比
在 title 属性中，把匹配关键字的内容，替换成 <span class="active">xxx</span> 这种标签
为 active 增加高亮样式
012023-02-03
相似问题