jquery高亮关键字

最新推荐文章于 2024-11-23 16:52:27 发布

Y叔输得起

最新推荐文章于 2024-11-23 16:52:27 发布

阅读量989

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： jquery function

本文链接：https://blog.youkuaiyun.com/ssh_Kobe/article/details/6714533

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的搜索关键词高亮显示方法。当搜索关键词存在时，该方法能够遍历表格中的所有单元格，并将匹配到的关键词用特定颜色背景的字体标签进行替换，以实现视觉上的突出显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function() {
		if("${orderIndexs}" != "") {
			setTimeout(highLight(), 1000);
		}
	});
	function highLight() {
		$("#companyListTable tr td").each(function() {
			var words = "${orderIndexs}".split(" ");
			for(var i=0; i<(words.length); i++) {
				var keyword = words[i];
				var reg = new RegExp(keyword,"ig");//它是对字符串执行模式匹配:i,大小写;g,全局匹配
				var str = $(this).html().replace(reg,"<font style='background-color:#FFFF69'>"+keyword+"</font>");
				$(this).html(str);				
			}			
		});
	}

键盘回车事件：onkeydown="if(event.keyCode==13){$('#keySearchComp').click();}"