jQuery中的replaceWith（）和replaceAll（）方法

最新推荐文章于 2024-01-05 01:29:35 发布

邵煜

最新推荐文章于 2024-01-05 01:29:35 发布

阅读量369

点赞数 1

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_45104211/article/details/103016604

版权

jQuery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一、总结（替换）

replaceWith(content|fn) ：将所有匹配的元素替换成指定的HTML或DOM元素。

replaceAll(selector)：用匹配的元素替换掉所有 selector匹配到的元素

二、案例

一、代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<span>Hello</span>
		<b>Hello</b> 
		<i>Hello</i>
		<script>
			$("span,b,i").replaceWith("<h3>Word</h3>")
		</script>
	</body>
</html>

执行的结果为将上述代码中的span，b,i标签都是用h3标签替换：

二、如下代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<span>Hello</span>
		<b>Hello</b> 
		<i>Hello</i>
		<script>
			$("<h3>Word</h3>").replaceAll("span,b,i");
		</script>
	</body>
</html>

结果也是上图的情景，使用h3标签代替已知的三种标签

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

邵煜

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jQuery中的replaceWith（）和replaceAll（）方法

一、总结（替换） replaceWith(content|fn) ：将所有匹配的元素替换成指定的HTML或DOM元素。 replaceAll(selector)：用匹配的元素替换掉所有 selector匹配到的元素二、案例一、代码如下<!DOCTYPE html><html> <head> <meta char...
复制链接

扫一扫