Unterschied zwischen jQuery parent (), parent () und next () Funktionen

Ich benutze jQuery seit einer Weile. Ich wollte den parent()Selektor benutzen . Ich habe mir auch den closest()Selektor ausgedacht. Konnte keinen Unterschied zwischen ihnen finden. Gibt es irgendwelche? Wenn ja, was?

Was ist der Unterschied zwischen parent(), parents()und closest()?

closest()wählt das erste Element, das dem Selektor entspricht, aus dem DOM-Baum aus. Beginnt mit dem aktuellen Element und fährt nach oben.

parent() Wählt ein Element im DOM-Baum aus (eine Ebene höher).

parents()Die Methode ähnelt der Methode parent(), wählt jedoch alle übereinstimmenden Elemente im DOM-Baum aus. Beginnt mit dem übergeordneten Element und fährt nach oben.

von http://api.jquery.com/closest/

Die Methoden .parents () und .closest () sind insofern ähnlich, als sie beide den DOM-Baum durchlaufen. Die Unterschiede zwischen den beiden sind zwar subtil, aber signifikant:

.closest ()

• Beginnt mit dem aktuellen Element
• Fährt den DOM-Baum hinauf, bis eine Übereinstimmung mit dem angegebenen Selektor gefunden wird
• Das zurückgegebene jQuery-Objekt enthält null oder ein Element

.Eltern()

• Beginnt mit dem übergeordneten Element
• Geht den DOM-Baum zum Stammelement des Dokuments hinauf und fügt jedes Vorfahrenelement einer temporären Sammlung hinzu. Anschließend wird diese Sammlung anhand eines Selektors gefiltert, sofern einer angegeben ist
• Das zurückgegebene jQuery-Objekt enthält null, ein oder mehrere Elemente

.Elternteil()

• Bei einem jQuery-Objekt, das eine Reihe von DOM-Elementen darstellt, können wir mit der .parent () -Methode die übergeordneten Elemente dieser Elemente im DOM-Baum durchsuchen und aus den übereinstimmenden Elementen ein neues jQuery-Objekt erstellen.

Hinweis: Die Methoden .parents () und .parent () sind ähnlich, mit der Ausnahme, dass letztere nur eine Ebene im DOM-Baum nach oben wandern. Außerdem gibt die Methode $ ("html"). Parent () eine Menge zurück, die ein Dokument enthält, während $ ("html"). Parent () eine leere Menge zurückgibt.

Hier sind verwandte Themen:

• Was ist der Unterschied zwischen .closest () und .parents ('Selektor')?

• https://stackoverflow.com/a/2200805/149206

Die Unterschiede zwischen den beiden sind zwar subtil, aber signifikant:

.closest ()

• Beginnt mit dem aktuellen Element
• Fährt den DOM-Baum hinauf, bis eine Übereinstimmung mit dem angegebenen Selektor gefunden wird
• Das zurückgegebene jQuery-Objekt enthält null oder ein Element

.Eltern()

• Beginnt mit dem übergeordneten Element
• Geht den DOM-Baum zum Stammelement des Dokuments hinauf und fügt jedes Vorfahrenelement einer temporären Sammlung hinzu. Anschließend wird diese Sammlung anhand eines Selektors gefiltert, sofern einer angegeben ist
• Das zurückgegebene jQuery-Objekt enthält null, ein oder mehrere Elemente

Aus jQuery- Dokumenten

Es gibt einen Unterschied zwischen beiden $(this).closest('div')und$(this).parents('div').eq(0)

closestStarten Sie das Matching-Element grundsätzlich vom aktuellen Element aus, während Sie das parentsMatching-Element vom übergeordneten Element aus starten (eine Ebene über dem aktuellen Element).

See http://jsfiddle.net/imrankabir/c1jhocre/1/

$(this).closest('div')ist das gleiche wie $(this).parents('div').eq(0).