jq实现给某个字段加样式

最新推荐文章于 2023-02-06 18:06:04 发布

dae bal

最新推荐文章于 2023-02-06 18:06:04 发布

阅读量688

点赞数

分类专栏：前端 jquery 文章标签： html 其他 jquery

本文链接：https://blog.youkuaiyun.com/baidu_39043816/article/details/121415360

版权

前端同时被 2 个专栏收录

165 篇文章

订阅专栏

jquery

30 篇文章

订阅专栏

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

<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>