jquery怎样移除所选节点下的所有子节点

墨蓝 2023-06-06 12:11 9阅读 0赞

<!DOCTYPE html>
    <html lang="zh">
    	<head>
    		<meta charset="UTF-8">
    		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    		<meta http-equiv="X-UA-Compatible" content="ie=edge">
    		<title></title>
    		<style>
    			.box{
    			width: 200px;
    			height: 200px;
    			background: red;
    		}
    	</style>
    	</head>
    	<body>
    		<button onclick='emptyFn()'>emptyFn</button>
    		<button onclick='removeFn()'>removeFn</button>
    		<div class="box">
    			<p>abc
    				<span>
    					abc
    				</span>
    				<span>
    					abc
    				</span>
    			</p>
    			<p>abc</p>
    			<p>abc</p>
    			<p>abc</p>
    			<p>abc</p>
    		</div>
    	</body>
    </html>
    <script src="./lib/jquery-3.4.1.js"></script>
    <script type="text/javascript">
    	function emptyFn() {
    		// 删除当前元素下的所有子元素
    		$('.box').eq(0).empty();
    	}
    	function removeFn () {
    		$('.box').eq(0).remove();
    	}
    </script>

## jquery的empty可以清除所选择节点下面的所有子节点 ##

## 如果是remove会把选择的节点以及它的子元素一并删除 ##

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery怎样移除所选节点下的所有子节点

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8">

墨蓝/ 2023年06月06日 12:11/ 0 赞/ 10 阅读

相关 jquery 获取包含文本和注释节点在内的所有子节点

jquery 获取包含文本和注释节点在内的所有子节点，使用 contents() 方法，children() 方法不返回文本节点测试代码 <!DOCTYPE

短命女/ 2022年11月18日 02:29/ 0 赞/ 189 阅读

相关 jquery中remove()方法移除被选元素，包括所有的文本和子节点

jquery中remove方法移除被选元素，包括所有的文本和子节点定义和用法移除所有的元素

朱雀/ 2022年11月11日 05:18/ 0 赞/ 15 阅读

相关查找节点下的所有子节点（包括孙节点和隐藏节点）

例一： public class FindObject : MonoBehaviour \{ public Transform\[\] gra

r囧r小猫/ 2022年08月31日 02:17/ 0 赞/ 38 阅读

相关 MySQL查询一个节点下的所有子节点

从别后,忆相逢,几回魂梦与君同有时候需要从一个数据点的表中查询出每个父节点下的所有子节点,包括子子节点,查出用作树或者是计算每个最父级节点所占的比重.这个时候就需要查出每

r囧r小猫/ 2022年05月25日 11:22/ 0 赞/ 665 阅读

相关 js怎样添加、移除、移动、复制、创建和查找节点

（1）创建新节点 var para=document.createElement("p"); //创建新的 <p> 元素 var node=document.

超、凢脫俗/ 2022年05月23日 11:15/ 0 赞/ 227 阅读

相关 EXTjs 怎样遍历树的所有节点获取节点下的值

`//tree 是个Ext.tree.TreePanel对象` ` ` `var` `roonodes = tree.getRootNode().chil

今天药忘吃喽~/ 2022年04月13日 14:56/ 0 赞/ 582 阅读

相关 SQL SERVER 根据子节点查询所有父节点、根据父节点获取所有子节点

一、根据表单类型查询其所有的上级表单类型： 1、每次按照一个子节点的值进行查询： with partents as ( select \ from JCBDFL w

ゝ一纸荒年。/ 2022年04月13日 04:10/ 0 赞/ 1224 阅读

相关 js、jquery 获取父节点、子节点、兄弟节点

一 js 获取父节点,子节点,兄弟节点 var test = document.getElementById("test"); var parent =

缺乏、安全感/ 2022年03月19日 14:34/ 0 赞/ 465 阅读

相关 zk使用通知移除节点

[zk使用通知移除节点][zk] 前面：https://www.cnblogs.com/toov5/p/9899238.html 服务发生宕机咋办？发个事件通知，告

￡神魔★判官ぃ/ 2022年01月28日 13:39/ 0 赞/ 275 阅读