Wie kann man jQuery anweisen, die Suche nach DOM zu beenden, wenn das erste Element gefunden wird?

Von dem, was ich verstehe, hinzufügen .first() oder :first zu einer Abfrage stoppt die DOM-Suche nicht nach der ersten Übereinstimmung. Es weist jQuery nur an, das erste Element aus der übereinstimmenden Sammlung zu nehmen.

Wenn das stimmt, gibt es dann eine Möglichkeit, die DOM-Suche nach der ersten Übereinstimmung zu stoppen? Wenn ich beispielsweise weiß, dass das Ergebnis dieser Abfrage immer ein einzelnes Element sein wird, wie kann jQuery dann angewiesen werden, keine Zeit mit der weiteren Suche zu verschwenden?

Soweit ich weiß, gibt es im Moment keine Möglichkeit, dies in jQuery zu tun. Das Beste, was Sie tun können, ist $(selector).first()wo selector ist ein Standard-CSS-Selektor, der keine Sizzle-spezifischen Selektoren enthält (verwenden Sie also nicht :first). In diesem Fall verwendet jQuery das schnelle DOM querySelectorAll Methode in modernen Browsern.

Sie können die Optimierung manuell abrufen, indem Sie das DOM verwenden querySelector Methode, die so aufgebaut ist, dass nur die erste Übereinstimmung ausgewählt wird:

$.getFirst= function(selector) {
    if ('querySelector' in document)
        return $(document.querySelector(selector));
    else
        return $(selector).first();
}

Der Betrag, den Sie auf diese Weise sparen, ist jedoch viel geringer als der Betrag, den Sie sparen, wenn Sie dies sicherstellen querySelectorAll kann verwendet werden.

:first stimmt nur mit einem einzigen Element überein. sein Äquivalent zu :eq(0).

.first() reduziert die Menge der übereinstimmenden Elemente auf das erste in der Menge.

also verwenden :first scheint das zu sein, was Sie brauchen, aber bei näherer Betrachtung verwenden beide zuerst Selektoren, um ein Set zu finden, und verwenden dann das erste.

Es gibt einige Kommentare und Diskussionen hier und hier das scheint darauf hinzudeuten :first() hört nicht beim ersten Element auf.

Verweise:

http://api.jquery.com/first-selector/

http://api.jquery.com/first/

Ich bin kein Experte für die Innereien von jQuery, aber ich verstehe, dass die Reihenfolge, in der jQuery Dinge findet, nicht unbedingt die Reihenfolge ist, in der sie im DOM erscheinen. Um sicherzustellen, dass Sie das erste Element im DOM erhalten, ruft jQuery alles ab und sortiert das Ergebnis so, dass das erste Element zurückgegeben wird.

Wie Sie bemerkt haben, handelt es sich hierbei um ein Leistungsproblem. Ich glaube jedoch nicht, dass Sie dieses Verhalten deaktivieren können.

Was Sie tun können, ist, Ihre Abfragen spezifischer zu gestalten, sodass weniger ausgewählt wird und weniger Elemente für jQuery zu sortieren sind, um das erste zu finden. Zum Beispiel ist $(‘li:first’) nicht sehr spezifisch und wird langsam sein. $(‘#myList>li:first’) wird theoretisch viel schneller sein (obwohl ich es nicht überprüft habe), weil a) es nur in einer einzelnen Liste sucht und b) Unterlisten ebenfalls ausgeschlossen werden.

Wenn Sie irgendwann alle Elemente in einer Auswahl für etwas verwenden, aber nur das erste an einem bestimmten Punkt benötigen, ist es sinnvoll, den Selektor auszuführen, um alle Ihre Elemente zu erhalten und sie in einer var zu speichern, und verwenden Sie sie dann .first(), um das erste Element zu erhalten, wenn Sie es brauchen.

var elems = $('li'), firstElem = elems.first ();

Jetzt enthält elems den vollständigen Satz, und firstElem enthält nur das erste Element.

Natürlich könnten Sie auch einfach dem ersten Element in jeder Gruppe, die Sie auswählen möchten, eine bestimmte Klasse zuweisen, aber dies könnte als unelegante Lösung angesehen werden.