JavaScript找到一个元素的父节点

吃完苹果好睡觉

于 2016-11-03 14:55:36 发布

阅读量1.1k

点赞数

分类专栏： javascript 文章标签： javascript jquery

javascript 专栏收录该内容

6 篇文章

订阅专栏

转载自：https://zhidao.baidu.com/question/440610332.html

在js中有一个常用的需求，就是找到一个元素的父节点
找父元素节点的方法有:
1)原生方法
元素.parentNode 返回元素的第一个父节点

2)Jquery方法(要导入jquery文件)
元素.parent() 返回元素的第一个父节点
元素.parents() 返回一个包含元素所有父节点的数组

下面有个例子:

<!doctype html>
<html lang="en">
<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>