JavaScript(RegExp 对象) 特定字符高亮:new RegExp()

最新推荐文章于 2024-07-10 16:22:51 发布

亓勝

最新推荐文章于 2024-07-10 16:22:51 发布

阅读量4.1k

点赞数 2

分类专栏： WEB 文章标签：代码高亮 javascript jquery new regexp() 对象

本文链接：https://blog.csdn.net/love_moon821/article/details/80167628

版权

WEB 专栏收录该内容

30 篇文章 2 订阅

订阅专栏

JavaScript RegExp 对象操作实例：

HTML代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
	</head>
	<body>
		<table>
			<tr><td>1A</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
			<tr><td>2</td><td>2A</td><td>2</td><td>2</td><td>2</td></tr>
			<tr><td>3</td><td>3</td><td>3A</td><td>3</td><td>3</td></tr>
			<tr><td>4</td><td>4</td><td>4</td><td>4A</td><td>4</td></tr>
			<tr><td>5</td><td>5</td><td>5</td><td>5</td><td>5A</td></tr>
		</table>
		
	</body>
</html>

没有使用RegExp对象前效果图：

在HTML源码中加入以下代码：

<script type="text/javascript">
			$(function(){
				var regtd = new RegExp("A","g");//g,表示全部替换。
				for (var i=0; i<$("td").length; i++) {
					var valTd = $("td:eq("+i+")").text();
					$("td:eq("+i+")").text("")
					valTd = valTd.replace(regtd,"<font color=red>@</font>");
					$("td:eq("+i+")").append(valTd);
				}
			})
		</script>

效果图：