手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js搜索关键字,内容有关键字就加颜色显示

时间:2024-10-13 22:41:10

1、定义好默认查询局部,点击什么进行触发,搜索框定义好一些name值,需要显示的内容也布局好样式

js搜索关键字,内容有关键字就加颜色显示

2、点击搜索关键字触发a门钙蹲茌jax,用变量处理获取关键字,要是搜索内容有分类还得多传一个分类过去,使用ajax传过去之后在控制器那边处理完数据再传回js页面

js搜索关键字,内容有关键字就加颜色显示

3、控制器简单处理数据,通过获取的分类查询,原有的条件不变,这里用原生的模糊查询方法,处理字段模糊查询;吧得到的数据返回去就js页面接收处理搜索到的内容

js搜索关键字,内容有关键字就加颜色显示

4、成功返回之后的操作,先把原有的内容清空,再把获取到的内容for遍历出来,拼接好,之后在使用append追加回来内容

js搜索关键字,内容有关键字就加颜色显示

5、最重要的一步来了,已经完成搜索操作易七淄苷之后再对搜索到的结果进行处理,如图所示的详解,就是把关键字赋给内容里面检索,检索到的内容在替换成新的内容,包括样式业务镙烨莲峪添加进来,即可,对split().join()两个函数要有所了解

js搜索关键字,内容有关键字就加颜色显示

6、页面效果图,输入的内容查询到之后,在通过函数截取,添加样式显示出来效果图,关键字都加上了标签

js搜索关键字,内容有关键字就加颜色显示
© 手抄报圈