JQuery 查詢父元素的函式 parent 和 parents 的區別
阿新 • • 發佈:2022-05-29
$(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 的節點。