jQuery- nahste () Methode
Beispiel
Gibt den ersten Vorfahren von <span> zurück, das ist ein <ul>-Element:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px solid red"});
});
Ergebnis:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor - first grandparent) - li (direct parent) span
Definition und Verwendung
Die Methode "nearest()" gibt den ersten Vorfahren des ausgewählten Elements zurück.
Ein Vorfahre ist ein Elternteil, Großelternteil, Urgroßelternteil und so weiter.
Der DOM-Baum: Diese Methode durchläuft vom aktuellen Element nach oben bis zum Wurzelelement des Dokuments (<html>), um den ersten Vorfahren von DOM-Elementen zu finden.
Diese Methode ist parent() insofern ähnlich, als beide den DOM-Baum nach oben durchlaufen. Die Unterschiede sind wie folgt:
am nächsten ()
- Beginnt mit dem aktuellen Element
- Geht im DOM-Baum nach oben und gibt den ersten (einzelnen) Vorfahren zurück, der mit dem übergebenen Ausdruck übereinstimmt
- Das zurückgegebene jQuery-Objekt enthält null oder ein Element
Eltern()
- Beginnt mit dem übergeordneten Element
- Geht im DOM-Baum nach oben und gibt alle Vorfahren zurück, die mit dem übergebenen Ausdruck übereinstimmen
- Das zurückgegebene jQuery-Objekt enthält null oder mehr als ein Element
Andere verwandte Methoden:
- parent() - gibt das direkte Elternelement des ausgewählten Elements zurück
- parentUntil() - gibt alle Vorfahrenelemente zwischen zwei gegebenen Argumenten zurück
Syntax
Gibt den ersten Vorfahren des ausgewählten Elements zurück:
$(selector).closest(filter)
Geben Sie den ersten Vorfahren mit einem DOM-Kontext zurück, um den DOM-Baum darin nachzuschlagen:
$(selector).closest(filter,context)
Parameter | Description |
---|---|
filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
context | Optional. A DOM element within which a matching element may be found |
Probieren Sie es selbst aus - Beispiele
Da diese Methode mit dem aktuellen Element beginnt, gibt eine Suche nach dem ersten <span> von <span> <span> zurück.
werden soll. Verwenden Sie beide Parameter, um ein DOM-Element als Kontext zu übergeben, in dem nach dem ersten <ul>-Element gesucht werden soll.