replaceWith(content|fn)

返回值

jQuery

概述

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

参数

参数 类型 说明 示例值
content String, Element, jQuery, Function

v1.2
将所有匹配的元素替换成指定的HTML或DOM元素。
fn function

v1.4
返回HTML字符串，用来替换的内容。

示例

示例一

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

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>
示例二

描述： 用原先div的内容作为新div的class，并将每一个元素包裹起来

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>