返回值:jQueryreplaceWith(content|fn)

概述

將所有匹配的元素替換成指定的HTML或DOM元素。

參數

contentString, Element, jQuery, FunctionV1.2

用于將匹配元素替換掉的內容。如果這裏傳遞一個函數進來的話,函數返回值必須是HTML字符串。

fnFunctionV1.4

返回THML字符串,用來替換的內容。

示例

描述:

把所有的段落標記替換成加粗的標記。

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>

描述:

用第一段替換第三段,你可以發現他是移動到目標位置來替換,而不是複制一份來替換。

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>