jquery 删除全部子节点

红太狼 2022-12-25 00:48 170阅读 0赞

jquery  获取全部子节点用  children() 方法，删除节点使用 remove() 方法

删除全部子节点写法如下

$("#user").children().remove()

示例代码

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script src="js/jquery-3.2.1.min.js"></script>
    	</head>
    	<body>
    		<div id="app">
    			<form id="user">
    				<input type="checkbox" name="name" value="1" />
    				<input type="checkbox" name="name" value="2" />
    				<input type="checkbox" name="name" value="3" />
    				<input type="checkbox" name="name" value="4" />
    			</form>
    			
    		</div>
    		<script>
    			$("#user").children().remove()
    		</script>
    	</body>
    </html>

效果如下图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dzanp6Y2Jx_size_16_color_FFFFFF_t_70][]

form 节点下已无子节点

至此完

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dzanp6Y2Jx_size_16_color_FFFFFF_t_70]: /images/20221120/41abb7e59d7c453cb4836105acd6d209.png

发表评论取消回复

表情：

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

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

相关阅读

相关 jquery 删除全部子节点

jquery 获取全部子节点用 children() 方法，删除节点使用 remove() 方法删除全部子节点写法如下 $("user").children(

红太狼/ 2022年12月25日 00:48/ 0 赞/ 171 阅读

相关 jquery获取子节点和父节点的示例代码

一、获取子节点比如是一个 id 为 test 的 div元素，我们这样选中，$('\test')，我们要查找这个div下的一个class为demo的span元素

柔光的暖阳◎/ 2022年08月21日 11:41/ 0 赞/ 385 阅读

相关【jquery】删除节点添加节点找兄弟节点

一些简单的内容, 加深印象记录下来： $().empty(); //该方法会删除当前节点下的所有子节点，请注意当前节点不会被删除 $

迈不过友情╰/ 2022年08月13日 12:54/ 0 赞/ 348 阅读

相关 javascript删除全部子节点

第一种：不断的删除父节点的第一个子节点，直到其没有子节点 var div = document.getElementById("queue_text");

àì夳堔傛蜴生んèń/ 2022年06月18日 00:38/ 0 赞/ 559 阅读

相关 js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

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

た入场券/ 2022年06月17日 04:48/ 0 赞/ 459 阅读

相关 jQuery删除，添加节点

jQuery删除子节点的方法总结：(用ul中的li作为例子) 1、remove() $('ul li').remove()：li

╰+攻爆jí腚メ/ 2022年06月08日 05:59/ 0 赞/ 318 阅读

相关 Javascript removeChild()不能删除全部子节点的解决办法

在Javascript中，只提供了一种删除节点的方法：removeChild()。 removeChild() 方法用来删除父节点的一个子节点。语法： par

旧城等待，/ 2022年06月05日 12:26/ 0 赞/ 268 阅读

相关 JavaScript DOM 删除子节点

这些天一直在学习JavaScript，但由于工作繁忙，导致学习的兴致不高，一个对象都看了好几天视频，所以想以写博客的方式督促自己，希望能做到不管什么知识，每日一更。一个元

快来打我*/ 2022年05月21日 06:20/ 0 赞/ 552 阅读

相关删除子父节点中的某个节点

import java.sql.Connection; import java.sql.ResultSet; import java.sql.SQLException;

叁歲伎倆/ 2022年03月29日 06:28/ 0 赞/ 310 阅读

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

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

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