jq删除所有子节点,jQuery提供了三种删除节点的方法,分别是什么
本教程操作环境:windows7系统、jquery1.10.2版本、戴尔自交第三代电脑。
jquery删除指定元素后的兄弟节点的方法
1、利用next()和remove()方法
使用下一个()获取被选元素的下一个兄弟节点。
使用移除()方法删除获取到的兄弟元素
!声明文档类型
超文本标记语言
头
meta charset=utf-8
风格。弟妹,兄弟姐妹*{
显示:块;
边框:2px纯色浅灰色;
颜色:浅灰色;
填充:5px
保证金:15px
}
/风格
脚本src= js/jquery-1。10 .2 .量滴js /脚本
脚本类型=文本/javascript
$(文档)。ready(function() {
$(button ).单击(函数(){
$(h2 ).下一个()。移除();
});
});
/脚本
/头
身体
div class=兄弟姐妹div(父)
pp(兄弟元素)/p
spanspan(兄弟元素)/span
h2h2(本元素)/h2
h3h3(兄弟元素)/h3
pp(兄弟元素)/p
/div
按钮清除兄弟元素/按钮
/body
/html
2、利用nextAll()和remove()方法
使用下一个()获取被选元素的所有兄弟节点。
使用移除()方法删除获取到的兄弟元素
!声明文档类型
超文本标记语言
头
meta charset=utf-8
风格。弟妹,兄弟姐妹*{
显示:块;
边框:2px纯色浅灰色;
颜色:浅灰色;
填充:5px
保证金:15px
}
/风格
脚本src= js/jquery-1。10 .2 .量滴js /脚本
脚本类型=文本/javascript
$(文档)。ready(function() {
$(button ).单击(函数(){
$(h2 ).nextAll().移除();
});
});
/脚本
/头
身体
div class=兄弟姐妹div(父)
pp(兄弟元素)/p
spanspan(兄弟元素)/span
h2h2(本元素)/h2
h3h3(兄弟元素)/h3
pp(兄弟元素)/p
/div
按钮清除兄弟元素/按钮
/body
/html
相关视频教程推荐:jQuery教程(视频)以上就是框架怎么删除指定元素后的兄弟节点的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。