<JQuery Verfahrgeschwindigkeit Methoden
Beispiel
Bringen Sie den ersten Vorfahren des <span> , 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
Versuch es selber " Definition und Verwendung
Die closest() Methode gibt den ersten Vorfahren des ausgewählten Elements.
Ein Vorfahre ist ein Elternteil, Großeltern, Urgroßeltern, und so weiter.
Der DOM - Baum: Diese Methode Traverse nach oben aus dem aktuellen Element, den ganzen Weg bis zum Root - Element des Dokuments (<html>) , der erste Vorfahr von DOM - Elementen finden.
Dieses Verfahren ist ähnlich dem parents() , daß sie beide den DOM - Baum durchlaufen werden. Die Unterschiede sind wie folgt:
closest()
- Beginnt mit dem aktuellen Element
- Reist den DOM-Baum nach oben und gibt die erste (single) Vorfahren, die den übergebenen Ausdruck passt
- Das zurückgegebene jQuery-Objekt enthält null oder ein Element
parents()
- Beginnt mit dem Mutterelement
- Reist den DOM-Baum nach oben und gibt alle Vorfahren, die den übergebenen Ausdruck passt
- Das zurückgegebene jQuery-Objekt enthält null oder mehr als ein Element
Andere verwandte Methoden:
- parent() - liefert die direkte übergeordnete Element des ausgewählten Elements
- parentsUntil() - liefert alle Vorfahren Elemente zwischen zwei gegebenen Argumente
Syntax
Bringen Sie den ersten Vorfahren des ausgewählten Elements:
$(selector).closest( filter )Bringen Sie den ersten Vorfahren ein DOM-Kontext mit dem DOM-Baum zu sehen in:
$(selector).closest( filter,context )| Parameter | Beschreibung |
|---|---|
| filter | Erforderlich. Gibt Ausdruck ein Selektor, Element oder Objekt jQuery die Vorfahren Suche eingrenzen |
| context | Optional. Ein DOM-Element, in dem ein Anpassungselement gefunden werden kann, |
Probieren Sie es selbst - Beispiele
Bringen Sie den ersten Vorfahren des <span> <span> , ist , dass ein <span> Element
Da diese Methode mit dem aktuellen Element beginnt eine Suche nach dem ersten <span> von <span> , kehrt <span> .
Der Pass in einem DOM - Element als Kontext , in dem zum ersten Vorfahren Element zu suchen
Beide Parameter Verwendung in einem DOM - Element als Kontext zu passieren , in dem zum ersten zu suchen <ul> Element.