移除元素

最新推荐文章于 2022-12-08 20:53:52 发布
最新推荐文章于 2022-12-08 20:53:52 发布
阅读量116 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/max-hou/p/9151869.html
版权
 方法 说明
remove()从DOM中移除匹配的元素及其所有后代和文本节点。
detach()从DOM中移除匹配的元素及其所有后代和文本节点。还会在内存中保留副本。通常使用remove()方法。
empty()从DOM中移除匹配元素子节点及后代。
unwrap()移除匹配结果的父节点，并保留匹配元素。

remove 示例，移除全部元素

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
< html >
     < head >
         < meta charset = "UTF-8" >
         < title >remove</ title >
         < script src = "https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" >
         </ script >
     </ head >
     < body >
         < div style = " font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; padding: 0px !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;">>
             < ul id = "ul" >
                 < li id = "a" >鼠标</ li >
                 < li id = "b" >键盘</ li >
                 < li id = "c" >屏幕</ li >
                 < li id = "d" >< a >主机</ a ></ li >
             </ ul >
         </ div >
 
         < button >移除元素</ button >
         < script >
             $('button').on('click', function () {
                $('div').remove();
             });
         </ script >
     </ body >
</ html >

remove 示例，移除指定的元素

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
< html >
     < head >
         < meta charset = "UTF-8" >
         < title >remove</ title >
         < script src = "https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" >
         </ script >
     </ head >
     < body >
         < div style = " font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; padding: 0px !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;">>
             < ul id = "ul" >
                 < li id = "a" >鼠标</ li >
                 < li id = "b" >键盘</ li >
                 < li id = "c" >屏幕</ li >
                 < li id = "d" >< a >主机</ a ></ li >
             </ ul >
         </ div >
 
         < button >删除元素</ button >
         < script >
             $('button').on('click', function () {
                $('li').remove('#a');
             });
         </ script >
     </ body >
</ html >

需要指定到具体的才能移除哦。

detach()示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
< html >
     < head >
         < meta charset = "UTF-8" >
         < title >detach</ title >
         < script src = "https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" >
         </ script >
     </ head >
     < body >
         < div style = " font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; padding: 0px !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;">>
             < ul id = "ul" >
                 < li id = "a" >鼠标</ li >
                 < li id = "b" >键盘</ li >
                 < li id = "c" >屏幕</ li >
                 < li id = "d" >< a >主机</ a ></ li >
             </ ul >
         </ div >
  
         < button >移除元素</ button >
         < script >
             $('button').on('click', function () {
                $('div').detach();
             });
         </ script >
     </ body >
</ html >

empty示例，清除所有元素文本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
< html >
     < head >
         < meta charset = "UTF-8" >
         < title >empty</ title >
         < script src = "https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" >
         </ script >
     </ head >
     < body >
         < div style = " font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; padding: 0px !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;">>
             < ul id = "ul" >
                 < li id = "a" >鼠标</ li >
                 < li id = "b" >键盘</ li >
                 < li id = "c" >屏幕</ li >
                 < li id = "d" >< a >主机</ a ></ li >
             </ ul >
         </ div >
 
         < button >删除元素</ button >
         < script >
             $('button').on('click', function () {
                $('li').empty();
             });
         </ script >
     </ body >
</ html >

unwrap() 示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
< html >
     < head >
         < meta charset = "UTF-8" >
         < title >unwrap</ title >
         < script src = "https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" >
         </ script >
     </ head >
     < body >
         < div style = " font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; padding: 0px !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;">>
             < ul id = "ul" >
                 < li id = "a" >鼠标</ li >
                 < li id = "b" >键盘</ li >
                 < li id = "c" >屏幕</ li >
                 < li id = "d" >< a >主机</ a ></ li >
             </ ul >
         </ div >
  
         < button >移除元素</ button >
         < script >
             $('button').on('click', function () {
                $('ul').unwrap();
             });
         </ script >
     </ body >
</ html >

转载于:https://www.cnblogs.com/max-hou/p/9151869.html

dianlu5775
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LeetCode 27.移除元素。 给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。
qq_53055705的博客
01-29 448
给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。 不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并 原地 修改输入数组。 元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。 来源：力扣（LeetCode） 链接：https://leetcode-cn.com/problems/remove-element 示例 1： 输入：nums = [3,2,2,3], val = 3 输出：2, nums = [2,2] 解释：函
移除元素(Remove Element)
coldcoffee001的博客
03-30 1235
LeetCode 移除元素(Remove Element) 给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。 不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并 原地 修改输入数组。 元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。 示例 1: 给定 nums = [3,2,2,3], val = 3, 函数应...
移出元素
u010132497的博客
08-14 439
题目描述： 给定一个数组 nums 和一个值 val，你需要原地移除所有数值等于 val 的元素，返回移除后数组的新长度。 不要使用额外的数组空间，你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成。 元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。 示例 1: 给定 nums = [3,2,2,3], val = 3, 函数应该返回新的长度 2, 并且 nu...
7.移除元素
风不止步的博客
11-02 335
题：给定一个数组 nums 和一个值 val，你需要原地移除所有数值等于 val 的元素，返回移除后数组的新长度。 不要使用额外的数组空间，你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成。 元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。 示例 1: 给定 nums = [3,2,2,3], val = 3,函数应该返回新的长度 2, 并且 nums 中的前...
移除元素_移除元素_
09-29
给你一个数组 nums?...的元素，并返回移除后数组的新长度。不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并 原地 修改输入数组。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素
Lua table中安全移除元素的方法
09-21
然而，当需要从table中安全地移除元素时，需要特别注意，以避免因不当操作引发的错误，例如内存泄漏。以下介绍三种安全移除元素的方法： 1. **从后往前删除** 这种方法避免了在遍历过程中修改索引的问题。因为当你...
移除元素1
08-03
在编程领域，特别是数据结构和算法的学习中，LeetCode 是一个非常受欢迎的在线平台，它提供了许多编程挑战，包括这个“移除元素”的问题。这个问题的核心是要求在给定的数组（在这里是C++中的`vector<int>`）中原地...
jQuery移除元素自动解绑事件实现思路及代码
10-25
在jQuery中，移除元素并自动解绑事件是优化网页性能的重要步骤，因为未解绑的事件会继续占用内存，导致资源浪费。本文主要探讨如何使用jQuery的`remove()`、`html()`和`empty()`方法来移除元素，并在移除前确保事件...
Java Collection 移除元素方法及注意事项
08-25
Java Collection 移除元素方法及注意事项 Java Collection 中的元素移除操作是 Java 编程人员每天都在重复的事情。本文主要介绍了 Java Collection 移除元素方法及注意事项，通过简单实例讲解了从 Java Collection ...
数组篇（二）——移除元素
Luciferzcy的博客
03-07 1117
数组篇（二）——移除元素leetcode27
27. 移除元素（高效）
小白的博客
08-17 1479
题目 给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。 不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并 原地 修改输入数组。 元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。 示例 1: 给定 nums = [3,2,2,3], val = 3, 函数应该返回新的长度 2, 并且 nums 中的前两个元素均为 2。 你不需要考虑数组中超出新长度后面的元素。 示例 2: 给定 nums = [0,1,2,2,3,0,
27.移除元素
qq_45738177的博客
04-22 175
力扣27题移除元素
添加、删除元素
>>向着CTO前进>>
07-27 597
1、如何动态的创建html元素 1.动态的添加到document文档中 基本步骤： 1）       创建元素(createElement) 2）       给新的元素添加必要的信息 3） 将元素添加到指定的位置（appendChild），比如div body function test(){ //创建元素 //写希望创建的元素的标签名字 varmyElement=docu
移除元素（暴力算法）
m0_67736146的博客
12-08 351
js数组移除元素（暴力解法）
算法(数组)——移除元素(力扣实例)
m0_56561130的博客
12-17 818
文章目录1.删除有序数组中的重复项1.1题目实例1.2解题思路1.3代码实现1.3.1暴力解法1.3.2双指针法 1.删除有序数组中的重复项 1.1题目实例 https://leetcode-cn.com/problems/remove-element/     给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。     不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并原地修改输入数组。     元素的顺序可以改变。你不需要考虑数
前端基础之CSS
anglu0752的博客
06-01 137
CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 ''' selector { property: value; property: value; ... property: value ...
css中!important的作用
weixin_30698527的博客
08-24 969
　　{*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了，以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过，可是现在发生了变化。众所周知，!important这个规则对Ie6.0,Ie7.0和Firefox能写hack，现在就来讲解 这是什么原理： 　　*对于Ie系列浏览器都能够识别， firefox 浏览器则不能识别; 　　!imp...
python 移除元素
最新发布
04-29
在 Python 中，可以使用以下方法来移除元素： 1. 使用 remove() 方法：使用 remove() 方法可以通过元素的值来移除列表中的元素。例如： ``` lst = [1, 2, 3, 4, 5] lst.remove(3) # 移除元素 3 print(lst) # ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值