专注Java教育14年 全国咨询/投诉热线:400-8080-105
动力节点LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 jq从父节点中删除子节点

jq从父节点中删除子节点

更新时间:2022-08-30 09:22:36 来源:动力节点 浏览1231次

相信大家对jQuery教程已经有所了解,那么,要在 jQuery 中从父节点中删除所有子节点,请使用 empty() 方法。

例子

jQuery empty() 方法从 DOM 中删除匹配元素集的所有子节点。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function() {
    $("#demo").empty();
  });
});
</script>
</head>
<body>
<ul id='demo'>
  <li>India</li>
  <li>US</li>
  <li>UK</li>
</ul>
<button>Remove all child nodes</button>
</body>
</html>

通过上述介绍,相信大家对jq从父节点中删除子节点的方法已经有所了解,大家如果想了解更多相关知识,不妨来关注一下动力节点的jQuery视频教程,里面的课程内容细致全面,通俗易懂,很适合没有基础的小伙伴学习,希望对大家能够有所帮助。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>