jquery匹配元素替换目标元素

最新推荐文章于 2021-06-14 17:15:04 发布

xiaochouyu0703

最新推荐文章于 2021-06-14 17:15:04 发布

阅读量186

点赞数

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/xiaochouyu0703/article/details/84704291

版权

jquery 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

DOM树结构如下：

<div class="container">
  <div class="inner first">Hello</div>
  <div class="inner second">And</div>
  <div class="inner third">Goodbye</div>
</div>

[b]replaceAll(target)[/b] 删除与节点相关联的所有数据和事件处理程序
用来替换的元素从老地方移到新位置，而不是复制：

$('.first').replaceAll('.third');

DOM树变为：

<div class="container">
  <div class="inner second">And</div>
  <div class="inner first">Hello</div>
</div>

[b]replaceWith(newContent)[/b] 从DOM中移除内容，然后在这个地方插入新的内容

$('div.second').replaceWith('<h2>New heading</h2>');

DOM树变为：

<div class="container">
  <div class="inner first">Hello</div>
  <h2>New heading</h2>
  <div class="inner third">Goodbye</div>
</div>

replaceAll()和.replaceWith()功能类似，但是目标和源相反：$('.first').replaceAll('.third');等价于$('div.third').replaceWith($('.first'));
注意：jQuery1.9之前replaceWith()返回一个新的jQuery集合，
jQuery1.9开始replaceWith()返回原始未修改的集合