3.2.6: jQuery的DOM操作之替换节点

confirmAname

于 2014-01-02 01:56:28 发布

阅读量602

点赞数

CC 4.0 BY-SA版权

文章标签： jQuery replaceWith replaceAll

本文链接：https://blog.youkuaiyun.com/confirmAname/article/details/17744149

本文介绍了如何使用jQuery的replaceWith()和replaceAll()方法替换HTML页面中的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果要替换某个节点，jQuery提供了相应的方法，即 replaceWith() 和 repalceAll() 。

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="jQuery/jquery-1.10.2.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("p").replaceWith("<strong>你最不喜欢的水果是?</strong>");
	});
</script>
</head>
<body>
<p title="what kind of fruit do you like best?">你最喜欢的水果是?</p>
<ul>
	<li title="apple">苹果</li>
	<li title="orange">橘子</li>
	<li title="banana">香蕉</li>
</ul>
</body>
</html>

也可以使用replaceAll()来实现：

<script type="text/javascript">
	$(document).ready(function(){
		$("<strong>你最不喜欢的水果是?</strong>").replaceAll("p");
	});
</script>