搜索关键字高亮有一事不明，请老师解答？

Question

搜索关键字高亮，需要后端返回的数据中带有特定的标签才能实现，那就是说，需要和后端的同事协调，在搜索返回的数据中加上，这样才能实现搜索关键字高亮功能。

Answer 1

Sunday 2023-02-02 17:41:13

你好

搜索关键字高亮，有两种实现方式。

第一种是服务端实现，也就是你所说的这种方式。

第二种是纯前端实现，具体思路如下：

1. 检索列表中的 title 属性

2. 通过正则，把用户输入的搜索关键字 和 title 属性作对比

3. 在 title 属性中，把匹配关键字的内容，替换成 <span class="active">xxx</span> 这种标签

4. 为 active 增加高亮样式
   

• 提问者 爱吃鱼的羊 #1

  非常感谢Sunday老师！