搜索列表关键字高亮显示
- 【参考方法】
- /**
- * 高亮显示方法
- */
- function highlight(searchText, className) {
- //创建正则表达式
- let regExp = new RegExp(searchText, "g");
- $("." + className).each(function () {
- let html = $(this).html();
- //将找到的关键字替换,加上highlight属性
- let newHtml = html.replace(regExp, "<span style='color:#dd2421;margin-left:3px;margin-right:3px;' >" + searchText + "</span>");
- //更新标题
- $(this).html(newHtml);
- });
- }
【显示效果】