返回值:jQuery replaceWith(content|fn)
概述
將所有匹配的元素替換成指定的HTML或DOM元素。
參數
content String, Element, jQuery, Function V1.2
用於將匹配元素替換掉的內容。如果這裡傳遞一個函式進來的話,函式返回值必須是HTML字串。
fn Function V1.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>