Kann jquery das übergeordnete Element abrufen?

jquery kann das übergeordnete Element abrufen. Es gibt viele Möglichkeiten, das übergeordnete Element in jquery abzurufen, z. B. parent(), parent(), close() usw., mit denen das übergeordnete Element abgerufen werden kann oder parent() das direkte übergeordnete Element des ausgewählten Elements zurückgibt , close() gibt das erste Vorfahrenelement des ausgewählten Elements zurück.

Verwandte Empfehlungen: „jq video“

jquery bietet viele Möglichkeiten, übergeordnete Elemente abzurufen, z. B. parent(), parent(), close(). Diese können Ihnen beim Auffinden des übergeordneten Elements oder Knotens helfen , wie folgt. Lassen Sie uns sie einzeln erklären:

Geben Sie zunächst ein Beispiel:

<ul class="parent1">
<li><a href="#" id="item1">jquery获取父节点</a></li>
<li><a href="#">jquery获取父元素</a></li>
</ul>

Unser Ziel ist es, das ul-Element mit der Klasse parent1 über Note a mit der ID item1 abzurufen. Es gibt mehrere Methoden:

1 . parent([expr])

Ruft einen Satz von Elementen ab, der das eindeutige übergeordnete Element aller übereinstimmenden Elemente enthält.

Sie können mithilfe optionaler Ausdrücke filtern.

Der Code lautet wie folgt

$('#item1').parent().parent('.parent1');

2:parent

Findet Elemente, die untergeordnete Elemente oder Text enthalten.

Der Code lautet wie folgt:

$('li:parent');

3 parent([expr])

Ein Element abrufen das alle übereinstimmenden Elemente enthält. Eine Sammlung von Elementen, die Vorfahren sind (mit Ausnahme des Stammelements). Kann durch einen optionalen Ausdruck gefiltert werden.

Der Code lautet wie folgt:

$('#items').parents('.parent1');

4. close([expr])

closest prüft zunächst, ob das aktuelle Element übereinstimmt, und wenn es übereinstimmt, gibt es direkt das Element selbst zurück. Wenn es keine Übereinstimmung gibt, suchen Sie Schicht für Schicht aufwärts nach dem übergeordneten Element, bis ein Element gefunden wird, das mit dem Selektor übereinstimmt. Wenn nichts gefunden wird, wird ein leeres jQuery-Objekt zurückgegeben.

Der Hauptunterschied zwischen dem nächsten und dem übergeordneten Element ist: 1. Ersteres beginnt mit dem Abgleich und der Suche ab dem aktuellen Element, während letzteres mit dem Abgleich und der Suche ab dem übergeordneten Element beginnt. 2. Ersteres sucht Schritt für Schritt nach oben, bis es stoppt, wenn a Das passende Element wird gefunden, während letzteres weiter sucht. Suchen Sie nach oben bis zum Stammelement, fügen Sie diese Elemente dann in eine temporäre Sammlung ein und verwenden Sie dann den angegebenen Selektorausdruck, um 3 zu filtern. Ersteres gibt 0 oder 1 Elemente zurück, und letzteres möglicherweise enthalten 0, 1 oder mehrere Elemente.

closest ist sehr nützlich für die Abwicklung der Ereignisdelegierung.

$('#items1').closest('.parent1');

Weitere Programmierkenntnisse finden Sie unter: Programmier-Lernkurs! !

Das obige ist der detaillierte Inhalt vonKann jquery das übergeordnete Element abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!