• 技术文章 >web前端 >js教程

    javascript中怎么找父标签

    青灯夜游青灯夜游2021-10-19 17:32:40原创68

    JS中查找父标签的方法:1、利用parentNode属性,语法“子元素对象.parentNode”;2、借助Jquery中的parent()或parents()方法,语法“子元素对象.parent()”或“子元素对象.parents()”。

    本教程操作环境:windows7系统、javascript1.8.5&&jquery2.1.1版、Dell G3电脑。

    找父元素节点的方法有:

    1、原生方法--parentNode属性

    parentNode 属性可返回某节点的父节点。

    元素.parentNode //返回元素的第一个父节点

    2、Jquery方法(记得导包)

    下面有个例子:

    <!doctype html>
    <html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
    <div><span><a id="a"></a></span></div>
    <script src="jquery-2.1.1.min.js"></script>
    <script>
        //原生的方法
        document.getElementById('a').parentNode //得到<span>节点
        //也可以这么玩
        document.getElementById('a').parentNode.parentNode //得到<div>节点
     
        //Jquery的方法  记得导包哦
        $('#a').parent();//得到<span>节点
        $('#a').parent().parent();//得到<div>节点
        $('#a').parents();//得到所有父级节点   <span> ,<div> ,<body> ,<html>
        $('#a').parents('body');//得到<body>节点
    </script>
    </body>
    </html>

    【推荐学习:javascript高级教程

    以上就是javascript中怎么找父标签的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 父标签
    上一篇:javascript open()方法有什么用 下一篇:javascript的前身是什么
    线上培训班

    相关文章推荐

    • javascript事件委托是什么意思• JavaScript如何创建随机整数• javascript三目运算符有几个等号• javascript怎么对数组求和• javascript open()方法有什么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网