replaceWith(content|fn)
返回值
jQuery
概述
将所有匹配的元素替换成指定的HTML或DOM元素。
参数
示例
示例一
描述:把所有的段落标记替换成加粗的标记。
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>