Jquery中替换节点的方法replaceWith（）和replaceAll（）

最新推荐文章于 2021-06-21 13:56:24 发布

转载最新推荐文章于 2021-06-21 13:56:24 发布 · 1.6k 阅读

文章标签：

#jquery #replacewith #replaceall

Jquery 专栏收录该内容

28 篇文章

订阅专栏

本文介绍jQuery中的replaceWith()和replaceAll()方法，这两种方法用于替换DOM元素。replaceWith()使用指定内容替换选中的元素，而replaceAll()则使用选中的元素替换指定内容。文中还提供了示例代码说明两种方法的具体应用。

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

本文转自：http://www.cnblogs.com/shuang121/archive/2011/12/27/2303748.html

在jquery中，我们可以通过replaceWith（）和replaceAll（）方法来替换元素中的节点。

语法格式：replaceWith（content）将所有选择的元素替换成指定的html和dom元素。其中参数被选择替换的内容。

replaceAll（selector）替换指定的selector元素。

示例：在下面的页面中存在两个span标记。通过上面两个函数分别替换元素的内容。

<span style="font-size:18px;"> <script type="text/javascript">
        $(function() {
             $("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>");
            $("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2");
         })
      </script>
  </head>
  <body>
      <p>姓名：<span id="Span1"></span></p>
     <p>邮箱：<span id="Span2"></span></p>
</body></span>

注意　replaceWith() 与replaceAll() 方法都可以实现元素节点的替换，二者最大的区别在
于替换字符的顺序，前者是用括号中的字符替换所选择的元素，后者是用字符串替换括号中
所选择的元素。同时，一旦完成替换，被替换元素中的全部事件都将消失。

多思考，多创新，才是正道！