jQuery如何实现删除祖先级标签

 时间:2024-10-14 14:39:11

1、在html里创建一个按钮,和几个div,代码如图

jQuery如何实现删除祖先级标签

2、在事件函数方法里,我们使用jquery先获得一个元素,假设要删除这个元素的父节点,祖先级节点。

jQuery如何实现删除祖先级标签

3、要删除基父层节点,我们可以使用jquery的parent()方法来获得当前节点的父节点。

jQuery如何实现删除祖先级标签

4、如果还需要向上找父节点,就再调用一个parent()方法就行了。

jQuery如何实现删除祖先级标签

5、找到要删除的父节点后,调用它的remove方法就可以删除了。

jQuery如何实现删除祖先级标签

6、如果说父级节点,有很多个层次,我们可以捂执涡扔使用parents方法,然后通过class,id等属性来定位具体的父节点。

jQuery如何实现删除祖先级标签

7、代码完成,运行页面,可看到页面上现在有几个div,我们点击下方的按钮,点击后,可看到父节点的div成功被删除了。

jQuery如何实现删除祖先级标签jQuery如何实现删除祖先级标签
  • CentOS7 配置sudo并使用
  • Manjaro进入任务栏怎么设置透明效果
  • Ubuntu 17.10 中快速在程序或窗口之间切换
  • 如何取消VirtualBox的自动更新
  • linux系统中常用yum命令
  • 热门搜索
    公务员成绩什么时候出来 西瓜子的功效与作用 喝什么茶补肾 青黛的功效与作用 小学数学知识点大全 圆脸适合什么眉形 跑步多久才能起到减肥的作用 甲壳素的功效与作用 汉服运动 蛋白质的功效与作用