JQuery 入門指南(6): 遍曆DOM元素

parents() •
parentsUntil() •

對 DOM 樹進行遍曆。
下面的例子返回每個 <span> 元素的的直接父元素：

$(document).ready(function(){$("span").parent();});

下面的例子返回所有 <span> 元素的所有祖先：

$(document).ready(function(){$("span").parents();});

下面的例子返回所有 <span> 元素的所有祖先，並且它是 <ul> 元素：

$(document).ready(function(){$("span").parents("ul");});

下面的例子返回介於 <span> 與 <div> 元素之間的所有祖先元素：

$(document).ready(function(){$("span").parentsUntil("div");});

find() •
下面是兩個用於向下遍曆 DOM 樹的 jQuery 方法：

。該方法對 DOM 樹進行遍曆。
下面的例子返回每個 <div> 元素的所有直接子項目：

$(document).ready(function(){$("div").children();});

下面的例子返回class為 "1" 的所有 <p> 元素，並且它們是 <div> 的直接子項目：

$(document).ready(function(){$("div").children("p.1");});

。
下面的例子返回屬於 <div> 後代的所有 <span> 元素：

$(document).ready(function(){$("div").find("span");});

下面的例子返回 <div> 的所有後代：

$(document).ready(function(){$("div").find("*");});