2025年4月12日 星期六 乙巳(蛇)年 正月十三 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

搜索列表关键字高亮显示

时间:12-20来源:作者:点击数:53

搜索列表关键字高亮显示

  • 【参考方法】
  • /**
  • * 高亮显示方法
  • */
  • 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);
  • });
  • }

【显示效果】

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门