jQueryの子孫セレクター祖先子孫の紹介と事例分析

jQueryのancestor descendantセレクター(descendant selector)は、ancestor要素内のすべての子孫要素を照合し、それらをjQueryobjectsにカプセル化して返すために使用されます。

注: セレクター子孫の検索範囲は、「先祖要素」の子孫要素、「孫」要素、またはそれ以上の「子孫」要素であるかどうかに関係なく、「先祖要素」の子孫要素です。

子孫要素のみを検索したい場合は、子孫セレクター (親 > 子) を使用してください。

syntax

parameters

parameters

descendant 有効な子孫セレクター。

戻り値

祖先セレクターに一致する DOM 要素内で見つかった子孫セレクターに一致する DOM 要素をカプセル化する jQuery オブジェクトを返します。

祖先セレクターに一致する DOM 要素が見つからない場合、または祖先セレクターに一致する DOM 要素内で子孫セレクターに一致する DOM 要素が見つからない場合は、空の jQuery オブジェクトが返されます。

祖先セレクターに一致する祖先 DOM 要素が複数存在する場合があり、祖先 DOM 要素内に子孫 DOM 要素が複数存在する場合もあります。返された jQuery オブジェクトは、条件を満たすすべての DOM 要素をカプセル化します。

例と説明

次の HTML コードを例として取り上げます:

// 这里的ancestor表示具体的祖先选择器
// 这里的descendant表示具体的后代选择器
jQuery( "ancestor descendant" )

ここで、ID n1 のタグ内のすべての p タグを一度に検索したい場合は、次の jQuery コードを記述できます:

<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>

以上がjQueryの子孫セレクター祖先子孫の紹介と事例分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。