jq实现给某个字段加样式

示例一:
在这里插入图片描述

<script type="text/javascript">
	 $('body').html(function(i,oldHTML){
      
      
		return oldHTML.replace(/®/g,'<sup>®</sup>');
	})
</script>

示例二:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>replaceDemo</title>
	</head>
	<body>
		<h1 id="content">算法和数据结构是程序的第一秘诀,缺之算法和数据结构是编程的最大原因。</h1>
	</body>
	<script type="text/javascript">
		var str = "算法" + "," + "数据结构";
		//循环的分别赋样式
		for (var i = 0; i < str.split(',').length; i++) {
      
      
			var re = "/"+str.split(',')[i]+"/g";
			//获取对象内容
			var txt = document.getElementById("content").innerHTML;
			//给符合要求的文本加上样式替换掉,eval解决转义问题
			document.getElementById("content").innerHTML = txt.replace(eval(re),"<span style='color:red'>"+str.split(',')[i]+"</span>");
		}
	</script>
</html>

Guess you like

Origin blog.csdn.net/baidu_39043816/article/details/121415360