replaceWith(content|fn) | jQuery API 3.2 中文文档 | jQuery API 在线手册

jQuery API 3.2.1

推荐办理招商信用卡,新户首刷礼,五折享美食,需要的速度围观~click here
首页  >  文档处理  > replaceWith(content|fn) 源码下载

返回值:jQueryreplaceWith(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>