jQuery -> 删除/替换DOM元素
2024-10-19 12:45:31
删除
删除操作很easy,直接在结果集后链式调用remove()方法就可以。
比如。要删除下面html脚本中全部的a元素。直接通过
$('a'.remove();
就能够做到了。
<h3>Anchors</h3>
<a href="#" class="remove">Anchor Element</a>
<a href="#">Anchor Element</a>
<a href="#" class="remove">Anchor Element</a>
当然也能够通过向remove传參的形式来过滤选择结果,然后再运行remove操作。
$('a').remove('.remove');
须要注意的是
- remove操作并不会把符合条件的元素从结果集中删除,所以理论上能够继续操作被"删除"掉的元素
- remove操作不但会“删除”元素与全部元素相关的数据也会被删除(event handlers、internally cached data)
替换
假设想要把class
为remove
的li
元素替换为<li>removed</li>
,能够使用下面两种等价的方法
$('li.remove').replaceWith('<li>removed</li>);
$('<li>removed</li>;).replaceAll('li.remove');
最新文章
- centos6.5 redmine 安装
- java:hibernate + oracle之坑爹的clob
- LoopBack – 开源的,可扩展的 Node.js 框架
- MapReduce多线程下的错误
- springframework开源代码导入eclipse
- SharePoint开发 - 使用Session(代码修改webconfig)
- httpunit使用演示样例
- Windowsport80解决方案被占用
- [Micropython]TPYBoardV102 Dfu固件烧写教程
- 计算机网络-TCP之三次握手/四次握手
- The SQL Server instance returned an invalid or unsupported protocol version during login negotiatio
- 推荐几个牛逼的 IDEA 插件,还带动图!
- Convolutional LSTM Network: A Machine LearningApproach for Precipitation Nowcasting
- loadrunner&#160;脚本优化-集合点设置
- Kubernetes资源管理
- 剑指offer(3)从尾到头打印链表
- 2.7 C++构造函数
- 2016 多校联赛7 Elegant Construction
- win 10中打开sql server配置管理器
- Liferay中request
热门文章
- archivedDataWithRootObject NSUserDefaults
- LintCode: Identical Binary Tree
- vasa构架
- C# 通过SendMessage获取浏览器地址栏的地址
- 对IIC总线时序的一点理解以及ACK和NACK(NAK)
- Android学习笔记二:activity的理解
- cocos2d-js 粒子系统使用自定义图片,还原原来的图片宽高
- Oracle内存结构:SGA PGA UGA
- 实现一个简单的shared_ptr
- python之模块配置文件ConfigParser(在python3中变化较大)