replaceWith(content|fn) - [ jQuery1.7 中文手册 ] - 在线原生手册

返回值:jQueryreplaceWith(content|fn)

概述

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

参数

contentString, Element, jQuery, FunctionV1.2

用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话，函数返回值必须是HTML字符串。

fnFunctionV1.4

返回THML字符串，用来替换的内容。

示例

描述:

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

HTML 代码:

1	`<code><p>Hello</p><p>cruel</p><p>World</p></code>`

jQuery 代码:

1	`<code>$("p").replaceWith("<b>Paragraph. </b>");</code>`

结果:

1	`<code><b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b></code>`

描述:

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

HTML 代码:

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

jQuery 代码:

1	`<code>$('.third').replaceWith($('.first'));</code>`

结果:

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