1. 程式人生 > 其它 >JQuery 查詢父元素的函式 parent 和 parents 的區別

JQuery 查詢父元素的函式 parent 和 parents 的區別

$(childNode).parent([expr]) 查詢子節點childNode的父節點,不包括父節點的父節點,即子節點的祖先節點;

$(childNode).parents([expr]) 查詢子節點childNode的父節點,以及祖先節點。

Talk is cheap. Show me the code. ——Linus Torvalds

<div class="container">
	<div class="parent-1">
		<span>A</span>
	</div>
	<div class="parent-2">
		<span>B</span>
	</div>
	<div class="parent-3">
		<span>C</span>
	</div>
</div>

(1)查詢 span 標籤的父節點以及祖先節點:

$("span").parents();

查詢結果顯示,每一個 span 標籤的父節點 div 被查找出來,並且父節點的父節點 html、body 這些標籤也都被查找出來。

(2)查詢 span 標籤的父節點:

$("span").parent();

每一個 span 標籤的父節點,不包括父節點的父節點,只有一層。

這兩個函式都有一個可選引數:查詢子節點中父節點或祖先節點符合expr的標籤。

$("span").parents(".container");

結果只查詢到類名是 container 的節點。