cari

Rumah >hujung hadapan web >tutorial js >如何使用jQuery获取父元素

如何使用jQuery获取父元素

不言
不言asal
2018-12-26 17:29:5923200semak imbas

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

JavaScript

.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时，会将自身的颜色更改为红色。

JavaScript

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

Atas ialah kandungan terperinci 如何使用jQuery获取父元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php JavaScript jquery html
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何使用jQuery实现页面的平滑滚动Artikel seterusnya：javascript如何使用number对象

Artikel berkaitan

Lihat lagi