表格中搜索的文本高亮显示的bug
创始人
2024-12-10 11:30:09
0
  1. 在搜索结果列表中保存匹配的单元格的引用。
  2. 将搜索结果列表中的每个引用传递给一个函数,该函数将单元格内的文本替换为带有高亮样式的文本,然后将新文本放回单元格中。
  3. 以下是一个使用jQuery的示例实现:
// 保存搜索结果列表
var searchResults = [];

// 在表格中搜索文本并高亮匹配结果
function highlightSearchText(keyword) {
  // 清除之前的高亮
  $("td.highlight").each(function() {
    $(this).html($(this).text());
    $(this).removeClass("highlight");
  });

  // 搜索并保存结果
  $("td:contains('" + keyword + "')").each(function() {
    searchResults.push($(this));
    $(this).addClass("highlight");
  });

  // 替换匹配的文本为高亮样式
  $.each(searchResults, function(index, elem) {
    var text = elem.html();
    text = text.replace(new RegExp(keyword, "gi"), "$&");
    elem.html(text);
  });
}

注:此示例代码仅供参考,具体实现方式可能因应用程序不同而有所不同。

相关内容

热门资讯

十分钟透视辅助插件!德普之星私... 十分钟透视辅助插件!德普之星私人局辅助器(透视辅助软件)详细辅助插件(确实插件)1、进入游戏-大厅左...
三分钟有挂!佛手在线大菠萝为什... 三分钟有挂!佛手在线大菠萝为什么都输(透视脚本辅助器)详细辅助作弊器(本来作弊器)一、软件透明挂的定...
1分钟线上大神!impoker... 1分钟线上大神!impoker辅助,哈糖大菠萝辅助器,详细教程(有挂脚本)1)哈糖大菠萝辅助器辅助挂...
二分钟私人局辅助器!德普软件(... 二分钟私人局辅助器!德普软件(透视辅助软件)详细辅助免费(切实免费)1、起透看视 透明视辅助2、随意...
1分钟私人局!拱趴大菠萝万能挂... 1分钟私人局!拱趴大菠萝万能挂图解,约局吧游戏挂,详细教程(有挂教程)1、拱趴大菠萝万能挂图解ai机...
三分钟辅助软件!德普之星私人局... 三分钟辅助软件!德普之星私人局辅助免费,德普之星透视,详细教程(有挂攻略)1、金币登录送、破产送、升...
2分钟底牌透视!pokemmo... 2分钟底牌透视!pokemmo免费脚本,佛手在线有挂吗,详细教程(有挂规律)1、金币登录送、破产送、...
9分钟辅助软件!德普之星私人局... 9分钟辅助软件!德普之星私人局辅助免费(透视辅助)详细辅助软件(果然软件)小薇(透视辅助)致您一封信...
7分钟提高中牌率!pokemm... 7分钟提高中牌率!pokemmo辅助官网,红龙poker有辅助吗,详细教程(有挂细节)1、玩家可以在...
二分钟私人局辅助免费!德普之星... 二分钟私人局辅助免费!德普之星的辅助工具介绍,德扑圈透视挂,详细教程(有挂脚本)德普之星的辅助工具介...