码迷,mamicode.com
首页 > 其他好文 > 详细

表单中输入内容,搜索时,下面table中该列中包含关键字的高亮显示

时间:2019-07-01 12:19:58      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:关键字   包含   表单   没有   高亮   http   应该   table   替换   

  有时候为了在搜索时清楚直观,需要关键字的高亮显示,

  效果如下:

 技术图片

 

 

  思想:在下面table中,本来应该是直接渲染数据,此时,可以先写一个方法,里面包含两个参数,分别是该显示的内容以及进行搜索时输入的关键字,在该方法中,进行判断,若是该列内容中包含关键字,则将关键字颜色改变,然后替换掉;若是没有,则还是原样显示。

表单中:

  技术图片

table表格中:

  技术图片

此时需要写关键字高亮显示的方法:

  技术图片

在该方法中,可以使用if判断来进行替换,也可以使用正则来写。

 

表单中输入内容,搜索时,下面table中该列中包含关键字的高亮显示

标签:关键字   包含   表单   没有   高亮   http   应该   table   替换   

原文地址:https://www.cnblogs.com/5201314m/p/11113310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!