Einführung und Beispielanalyse des Nachkommenselektors des Vorfahren des Nachkommen von jQuery-js-Tutorial-php.cn

Einführung und Beispielanalyse des Nachkommenselektors des Vorfahren des Nachkommen von jQuery

巴扎黑

Freigeben： 2017-06-21 10:43:18

Original

2452 Leute haben es durchsucht

jQuerys Ancestor-DescEndant-Selektor (descendant-Selektor) wird verwendet, um alle Nachkommenelemente innerhalb des Ancestor-Elements abzugleichen und sie als jQuery Objekt und zurück.

Hinweis: Der Suchbereich des Selektor-Nachkommens umfasst die Nachkommenelemente des „Vorfahrenelements“, unabhängig davon, ob es sich um das Nachkommenelement des „Vorfahrenelements“, das „Enkelkind“ oder das „Nachkommen“ handelt. Elemente.

Wenn Sie nur Nachkommenelemente finden möchten, verwenden Sie den Nachkommenselektor (Eltern > Kind).

Syntax

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

Nach dem Login kopieren

Parameter

Parameter .

descendant Ein gültiger Nachkommenselektor.

Rückgabewert

Gibt ein jQuery-Objekt zurück, das das DOM-Element kapselt, das mit dem Nachkommenselektor übereinstimmt und innerhalb des DOM-Elements gefunden wird, das mit dem Vorfahrenselektor übereinstimmt.

Wenn kein DOM-Element gefunden wird, das mit dem Ancestor-Selektor übereinstimmt, oder kein DOM-Element gefunden wird, das mit dem Nachkommen-Selektor übereinstimmt, innerhalb eines DOM-Elements, das mit dem Ancestor-Selektor übereinstimmt, wird ein leeres jQuery-Objekt zurückgegeben.

Es können mehrere Vorfahren-DOM-Elemente vorhanden sein, die mit dem Vorfahren-Selektor übereinstimmen, und innerhalb eines Vorfahren-DOM-Elements können mehrere Nachkommen-DOM-Elemente gefunden werden. Das zurückgegebene jQuery-Objekt kapselt alle DOM-Elemente, die die Bedingungen erfüllen.

Beispiel und Beschreibung

Nehmen Sie den folgenden HTML-Code als Beispiel:

Jetzt möchten wir alle Tags mit der ID n1 auf einmal finden, p-Tag, Sie können den folgenden jQuery-Code schreiben:

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

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEinführung und Beispielanalyse des Nachkommenselektors des Vorfahren des Nachkommen von jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!