Juery手册 专题
专题目录
您的位置:JS框架 > Juery手册专题 > Jquery1.7-replaceWith(content|fn)
Jquery1.7-replaceWith(content|fn)
作者:--    发布时间:2019-11-21

返回值: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>
网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册