>首页> IT >

jquery怎么清除元素下的所有子元素

时间:2022-04-29 14:08:22       来源:PHP中文网

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery清除元素下所有子元素的方法

实现方法:

使用children()获取指定元素下的所有子元素

使用remove()删除获取到的子元素

remove() 方法可以将元素及其内部的所有内容删除

实现示例:删除div内所有子元素

<script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("button").click(function() {$("div").children().remove();});});</script>
这是一些文本。

这是div块中的一个段落,子元素。这是一个span块,孙元素

这是div块中的一个段落,子元素。

这是一个span块,子元素

这是div块外部的一个段落。

说明:div内还包含一些文本内容,它不是子元素,因此不会删除。

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么清除元素下的所有子元素的详细内容,更多请关注php中文网其它相关文章!

关键词: 这是一个 相关文章 视频教程