jquery中parent()和parents()的区别

在线小白www

于 2021-09-10 10:18:18 发布

阅读量625

点赞数

分类专栏： jQuery 文章标签： jquery html5

本文链接：https://blog.csdn.net/qq_43654065/article/details/120216178

版权

jQuery 专栏收录该内容

109 篇文章 3 订阅

订阅专栏

本文详细介绍了jQuery中的.parent()和.parents()两个方法的区别。.parent()返回指定元素的直接父元素集合，而.parents()则返回所有祖先元素集合，包括祖父母等。示例代码展示了它们在HTML结构中的应用，帮助理解其工作原理。

摘要由CSDN通过智能技术生成

parent()获取的是指定元素的所有唯一父元素的集合，而且是直接父元素，不包括祖先元素；

parents()获取的是指定元素的所有祖先元素的集合。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script type="text/javascript" src="./js/jquery.js"></script>
  <title>Document</title>
</head>

<body>
  <div class="test1">
    <div class="test2">
      <div class="test3">11</div>
    </div>
  </div>
  <div class="test1">
    <div class="test2">
      <div class="test3">22</div>
    </div>
  </div>
</body>
<script>
  console.log($(".test3").parent());
  console.log($(".test3").parents());
</script>

</html>

控制台输出↓