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

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

　　效果如下：

　

 

 

　　思想：在下面table中，本来应该是直接渲染数据，此时，可以先写一个方法，里面包含两个参数，分别是该显示的内容以及进行搜索时输入的关键字，在该方法中，进行判断，若是该列内容中包含关键字，则将关键字颜色改变，然后替换掉；若是没有，则还是原样显示。不论搜索与否，只要在表单中输入，下面table中只要有就会高亮显示，点击搜索按钮之后，搜索出来的值仍然是高亮显示。

表单中：

　　

table表格中：

　　

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

　　

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

 

转载于:https://www.cnblogs.com/5201314m/p/11113310.html