注意：選擇器descendant的查找范圍是"ancestor元素"的后代元素，不管是"ancestor元素"的子輩元素，還是"孫子輩"，以及更"后輩"的元素均可。

如果你只想查找子輩元素，請使用子代選擇器(parent > child)。

語法

// 這里的ancestor表示具體的祖先選擇器
// 這里的descendant表示具體的后代選擇器
jQuery( "ancestor descendant" )

參數(shù)

參數(shù) 描述

ancestor 一個有效的祖先選擇器。

descendant 一個有效的后代選擇器。

返回值

返回封裝了在符合祖先選擇器的DOM元素內(nèi)查找到的符合后代選擇器的DOM元素的jQuery對象。

如果找不到與祖先選擇器匹配的DOM元素，或者在符合祖先選擇器的DOM元素內(nèi)找不到符合后代選擇器的DOM元素，則返回一個空的jQuery對象。

符合祖先選擇器的祖先DOM元素可能有多個，在一個祖先DOM元素內(nèi)也可能查找到多個后代DOM元素，返回的jQuery對象中封裝了符合條件的所有DOM元素。

示例&說明

以下面這段HTML代碼為例：

<div id="n1">
 <p id="n2" class="test">
 <span id="n3" class="a">Hello</span>
 </p>
 <p id="n4" class="detail">
 <span id="n5" class="b codeplayer">World
 <span id="n6" class="c">365mini.com</span>
 </span>
 </p>
</div>

現(xiàn)在，我們想要一次性查找到id為n1的標(biāo)簽內(nèi)的所有p標(biāo)簽，則可以編寫如下jQuery代碼：

// 選擇了id分別為n2、n4的2個元素
$("#n1 p");
如果要一次性查找到p標(biāo)簽內(nèi)的所有span標(biāo)簽，則對應(yīng)的jQuery代碼如下(上述示例HTML中所有的span標(biāo)簽都包括在內(nèi))：
// 選擇了id分別為n3、n5、n6的3個元素
$("p span");
當(dāng)然，祖先選擇器和后代選擇器可以是任意有效的選擇器，因此它們本身也可以是一個"祖先-后代"選擇器。
// 選擇了id為n6的一個元素
$("#n1 p.detail span.c");

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com