jquery高亮关键字

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

原创最新推荐文章于 2024-11-23 16:52:27 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function

js 专栏收录该内容

8 篇文章

订阅专栏

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

$(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();}"