So erhalten Sie ein übergeordnetes Element in JQuery

Das Abrufen des übergeordneten Elements eines Elements ist bei der Verwendung von jQuery häufig erforderlich. jQuery bietet mehrere Methoden, um das übergeordnete Element eines Elements abzurufen.

Zu den gängigen Methoden zum Abrufen des übergeordneten Elements gehören parent(), parentUntil(), close() usw. Diese Methoden erfordern einen Selektor, um das übergeordnete Element auszuwählen. Diese Methoden werden im Folgenden einzeln vorgestellt. Die Methode

1. parent()

parent() kann das direkte übergeordnete Element eines Elements abrufen. Beispielsweise können wir den folgenden Code verwenden, um das übergeordnete Element eines Elements abzurufen:

$("#child").parent();

Das „Kind“ hier ist die ID eines untergeordneten Elements, und wir können sein übergeordnetes Element über diese Methode abrufen. Wenn wir die Attribute, Stile usw. des übergeordneten Elements erhalten möchten, können wir dazu andere jQuery-Methoden verwenden. Zum Beispiel: Die Methode

$("#child").parent().attr("class");
$("#child").parent().css("color", "red");

2. parentsUntil()

parentsUntil() kann das übergeordnete Element eines Elements bis zum angegebenen Vorgängerelement abrufen. Zum Beispiel:

$("#child").parentsUntil("#ancestor");

Hier ist „Kind“ die ID eines untergeordneten Elements und „Vorfahr“ die ID eines Vorfahrenelements. Diese Methode gibt alle Vorfahrenelemente des untergeordneten Elements zurück, dessen Vorfahren nicht gefunden wurden.

Ähnlich können wir andere jQuery-Methoden verwenden, um diese Elemente zu manipulieren. Die Methode

3. closest()

closest() wird verwendet, um das nächstgelegene übergeordnete Element eines Elements abzurufen, das mit dem angegebenen Selektor übereinstimmen muss. Zum Beispiel:

$("#child").closest(".parent");

Das „.parent“ hier ist ein Selektor, der zum übergeordneten Element passt. Diese Methode gibt das nächstgelegene übergeordnete Element zurück, das dem Selektor entspricht.

Ähnlich können wir andere jQuery-Methoden verwenden, um diese Elemente zu manipulieren. Zum Beispiel:

$("#child").closest(".parent").attr("class");
$("#child").closest(".parent").css("color", "red");

Summary

In jQuery ist das Abrufen des übergeordneten Elements eines Elements ein sehr häufiges Bedürfnis. Um dieses Ziel zu erreichen, können wir Methoden wie parent(), parentUntil() und close() verwenden. Diese Methoden müssen alle den entsprechenden Selektor entsprechend der spezifischen Situation auswählen. Durch diese Methoden können wir das übergeordnete Element des Elements abrufen und damit arbeiten.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie ein übergeordnetes Element in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!