jquery怎么替换dom元素

web前端|前端问答

jquery

web前端-前端问答

PHP85源码网,怎么下载ubuntu文件,c 谷歌爬虫内核,试用 php空间,偃师seo推广lzw

jquery怎么替换dom元素

php百事通整站源码下载,ubuntu硬盘大小分区,python爬虫评论代码,php运算符的优先级从高到低,seo凡天lzw

1、replaceWith() 方法

图片查看器源码,vscode命令行下载包,ubuntu xp 共享,在tomcat直接部署,事务模式sqlite,网页设计界面术语,vps服务器下载,横向时间轴插件 html5,c web前端框架,爬虫抢鞋子,php读取文本,刷seo精灵,springboot多节点监控,wordpress搭建网站,查看微信授权网页源码,个人网站网页设计模板html,宽带后台支撑,制作淘宝店列表页面,crm客户关系管理系统开源,小程序图片展示源代码lzw

$(selector).replaceWith(content,function(index))

content 必需。规定要插入的内容（可包含 HTML 标签）。

可能的值：

HTML 元素

jQuery 对象

DOM 元素

function(index) 可选。规定返回替换内容的函数。

index – 返回集合中元素的 index 位置。

$(DOM).replaceWith(newContent) 用于替换集合中所有匹配的元素，并且返回被删除的元素集合：

$('document').ready(function (){$('body>input').click(function (){$('body>ul>li:gt(1)').replaceWith('替换后的元素
')})})第一个
第二个
第三个
第四个

输出结果：

jquery怎么替换dom元素

2、replaceAll() 方法

$(newContent).replaceAll(DOM) 与 $(DOM).replaceWith(newContent) 方法功能一样，只不过是参数位置调换了一下（可以直接在后面赋予样式）：

$('document').ready(function (){$('body>input').click(function (){$('替换后的元素
').replaceAll('body>ul>li:gt(1)').css('color','orange');})})第一个
第二个
第三个
第四个

输出结果：

jquery怎么替换dom元素