首页 > 软件开发 > JQUERY >

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

来源:互联网 2023-03-17 00:47:30 171

在做前端页面开发时,我们经常会使用jquery来操作dom,下面来看一下使用jquery是怎么删除祖先级标签的,怎么删除元素的父级标签的。

HLL办公区 - 实用经验教程分享!

HLL办公区 - 实用经验教程分享!

方法/步骤

  • 1

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

    HLL办公区 - 实用经验教程分享!

    HLL办公区 - 实用经验教程分享!

    jQuery如何实现删除祖先级标签HLL办公区 - 实用经验教程分享!

  • 2

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

    HLL办公区 - 实用经验教程分享!

    HLL办公区 - 实用经验教程分享!

    jQuery如何实现删除祖先级标签HLL办公区 - 实用经验教程分享!

  • 3

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

    HLL办公区 - 实用经验教程分享!

    HLL办公区 - 实用经验教程分享!

    jQuery如何实现删除祖先级标签HLL办公区 - 实用经验教程分享!

  • 4

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

    HLL办公区 - 实用经验教程分享!

    HLL办公区 - 实用经验教程分享!

    jQuery如何实现删除祖先级标签HLL办公区 - 实用经验教程分享!

  • 5

    找到要删除的父节点后,调用它的remove方法就可以删除了。HLL办公区 - 实用经验教程分享!

    jQuery如何实现删除祖先级标签HLL办公区 - 实用经验教程分享!

  • 5此文章未经授权抓取自百度经验
  • 6

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

    HLL办公区 - 实用经验教程分享!

    HLL办公区 - 实用经验教程分享!

    jQuery如何实现删除祖先级标签HLL办公区 - 实用经验教程分享!

  • 7

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

    HLL办公区 - 实用经验教程分享!

    HLL办公区 - 实用经验教程分享!

    jQuery如何实现删除祖先级标签HLL办公区 - 实用经验教程分享!

    jQuery如何实现删除祖先级标签HLL办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!HLL办公区 - 实用经验教程分享!


    标签: JQUERYHTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码