首页 / JQUERY / 如何使用jQuery获取父元素

如何使用jQuery获取父元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用jQuery获取父元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1263字，纯文字阅读大概需要2分钟。

内容图文

jQuery获取父元素我们有三种方式可以实现，.parent()、.parents()、.closest()，下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例。

如何使用jQuery获取父元素 - 文章图片

.Parent()

parent() 方法返回被选元素的直接父元素。

在下面介绍的示例中，我将使用此方法。如果将标记指定为参数，则只有当它是与标记匹配的父元素时才能起可以返回。

.parents()

parents() 方法不仅返回父元素，还返回被选元素的所有祖先元素。

如果将标记指定为参数，则获取与该参数匹配的所有元素。

.closest()

closest() 方法返回被选元素的第一个祖先元素。

如果要将特定样式应用于某个父元素可以使用closest()。

我们来看具体的示例

我们使用Parent()方法来获取父元素

代码如下：

HTML代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
    <script src="sample.js" type="text/javascript"></script>
    <title>jQuery</title>
  </head>
  <body>
    <div>
      <p>这是一个div元素。</p>
    </div>
    <p>不是div元素。</p>
    <div>
      <p>是div元素。</p>
    </div>
    <p>不是div元素。</p>
    <div>
      <p>是div元素。</p>
    </div>
    <p>不是div元素。</p>
  </body>
</html>

JavaScript代码

$(function(){
  $("p").parent("div").css("color","#d9534f");
});

运行结果如下：当父元素为div时，会将自身的颜色更改为红色。

如何使用jQuery获取父元素 - 文章图片

本篇文章到这里就全部结束了，更多精彩内容大家可以关注Gxl网相关栏目教程！！！

以上就是如何使用jQuery获取父元素的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的如何使用jQuery获取父元素全部内容，希望文章能够帮你解决如何使用jQuery获取父元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/283756.html

来源：【匿名】