這篇文章主要介紹了使用jQuery獲取父元素的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
jQuery獲取父元素我們有三種方式可以實現，.parent()、.parents()、.closest()，下面我們將介紹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獲取父元素的方法內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
