parent()方法:
parent([expr]) :取得一个包含着所有匹配元素的唯一父元素的元素集合(一个)。
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<div>
<a id="link" href="http://www.baidu.com">百度</a>
</div>
<script>
console.log($("#link").parent()[0]);//通过$("选择器")方法获取相应jQuery对象并转换为dom对象
</script>
</body>
</html>
运行结果:
parents()方法:
parents([expr]) :取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)(多个)。
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div>
<a id="link" href="http://www.baidu.com">百度</a>
</div>
<script>
$("#link").parents().each(function(){
console.log(this);
});
</script>
</body>
</html>
运行结果: