jQuery 遍歷 – 后代

2021-12-14 13:52 更新

后代是子、孫、曾孫等等。

通過 jQuery,您能夠向下遍歷 DOM 樹,以查找元素的后代。


向下遍歷 DOM 樹

下面是兩個(gè)用于向下遍歷 DOM 樹的 jQuery 方法:


jQuery children() 方法

children() 方法返回被選元素的所有直接子元素。

該方法只會(huì)向下一級(jí)對(duì) DOM 樹進(jìn)行遍歷。

下面的例子返回每個(gè) <div> 元素的所有直接子元素:

實(shí)例

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

嘗試一下 ?

您也可以使用可選參數(shù)來過濾對(duì)子元素的搜索。

下面的例子返回類名為 "1" 的所有 <p> 元素,并且它們是 <div> 的直接子元素:

實(shí)例

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

嘗試一下 ?

提示:在本站的jQuery編程實(shí)戰(zhàn)中,你可以通過實(shí)踐來練習(xí):jQuery使用children()操作子級(jí)元素!



jQuery find() 方法

find() 方法返回被選元素的后代元素,一路向下直到最后一個(gè)后代。

下面的例子返回屬于 <div> 后代的所有 <span> 元素:

實(shí)例

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

嘗試一下 ?

下面的例子返回 <div> 的所有后代:

實(shí)例

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

嘗試一下 ?


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)