如何使用jQuery取得父元素
- 不言原創
- 2018-12-26 17:29:5923113瀏覽
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>如何使用jQuery取得父元素程式碼
$(function(){
$("p").parent("div").css("color","#d9534f");
});執行結果如下：當父元素為div時，會將自身的顏色變更為紅色。
這篇文章到這裡就全部結束了，更多精彩內容大家可以追蹤php中文網相關專欄教學！ ！ ！
以上是如何使用jQuery取得父元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn