首页前端开发JavaScriptjavascript中怎么找父标签

javascript中怎么找父标签

时间2024-01-30 12:04:02发布访客分类JavaScript浏览658
导读:收集整理的这篇文章主要介绍了javascript中怎么找父标签,觉得挺不错的,现在分享给大家,也给大家做个参考。JS中查找父标签的方法:1、利用parentNode属性,语法“子元素对象.parentNode”;2、借助jquery中的pa...
收集整理的这篇文章主要介绍了javascript中怎么找父标签,觉得挺不错的,现在分享给大家,也给大家做个参考。

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方法(记得导包)

  • 元素.parent() 返回元素的第一个父节点

  • 元素.parents() 返回一个包含元素所有父节点的数组

下面有个例子:

!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中怎么找父标签的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

javascript

若转载请注明出处: javascript中怎么找父标签
本文地址: https://pptw.com/jishu/592496.html
分享PART 关于操作 ASP.NET Web API的实例

游客 回复需填写必要信息