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命令
  • 热门搜索
    关于消防安全的手抄报 书香校园手抄报 科技手抄报内容 安全手抄报图片大全 法制教育手抄报 爱我中华手抄报 垃圾分类手抄报内容 垃圾分类手抄报图片 关于清明的手抄报 二年级手抄报