jquery,删除上级元素
web前端-前端问答
可买的网站源码,Vscode关闭cfg格式,ubuntu安装nodup,tomcat9.0 缓存,sqlite3读写数据库,爬虫出现验证码代理ip能解决吗,pdo php 注入,谷歌seo优化公司钦州,动漫网站源代码,怎样用模板建网站lzw
jquery删除上级元素(父元素)校园阅读app源码,vscode获取文件位置,ubuntu 分屏软件,tomcat性能优化面试,爬虫四,php 把图片转成二进制,邵武有效的seo介绍,验包网站,云桌面html模板lzw
方法1:使用unwrap()方法公司网站用什么源码好,ubuntu 内网测网速,tomcat查看登录用户,调用js爬虫,php直播系统教程外包,艺文seolzw
unwrap() 方法可以移除被选元素的父元素,但保留自身(和兄弟元素,如果存在)在原来的位置。.siblings * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } $(document).ready(function() { $("button").click(function() { $("li.start").unwrap(); }); });ul (父节点)
- li (类名为"star"的上一个兄弟节点)
- li (类名为"star"的上一个兄弟节点)
- starli (兄弟节点)
- li (类名为"star"的下一个兄弟节点)
- li (类名为"star"的下一个兄弟节点)
方法2:使用parent()获取上级元素,使用remove()方法删除获取到的元素
remove() 方法移除被选元素,包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。
.siblings * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } $(document).ready(function() { $("li.start").parent().css({ "color": "red", "border": "2px solid red" }); $("button").click(function() { $("li.start").parent().remove(); }); });ul (父节点)
- li (类名为"star"的上一个兄弟节点)
- li (类名为"star"的上一个兄弟节点)
- starli (兄弟节点)
- li (类名为"star"的下一个兄弟节点)
- li (类名为"star"的下一个兄弟节点)
选择类名称为“star”的li元素的上级元素
【推荐学习:jQuery视频教学、web前端视频】