定义和用法

将所有匹配的元素替换成指定的HTML或DOM元素。

语法

replaceWith(content|fn)
参数描述
content用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话,函数返回值必须是HTML字符串。
fn返回THML字符串,用来替换的内容。

例子 1

把所有的段落标记替换成加粗的标记。

# HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>

# jQuery 代码:
$("p").replaceWith("<b>Paragraph. </b>");

结果:

<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>

例子 2

用第一段替换第三段,你可以发现他是移动到目标位置来替换,而不是复制一份来替换。

# HTML 代码:
<div class="container">
  <div class="inner first">Hello</div>
  <div class="inner second">And</div>
  <div class="inner third">Goodbye</div>
</div>

# jQuery 代码:
$('.third').replaceWith($('.first'));

结果:

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

问题没有解决?建议您查阅官方文档:http://api.jquery.com/replaceWith/