Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich die Reihenfolge der Iteration in der .each()-Funktion von jQuery umkehren?

Susan Sarandon
Freigeben: 2024-11-02 14:54:02
Original
540 Leute haben es durchsucht

How to Reverse the Order of Iteration in jQuery's .each() Function?

Umkehren der Reihenfolge der .each()-Iteration

Bei Verwendung der .each()-Funktion von jQuery zum Durchlaufen einer Sammlung von Elementen wird die Die Reihenfolge der Iteration wird normalerweise durch die DOM-Struktur bestimmt. Es kann jedoch vorkommen, dass Sie die Elemente in umgekehrter Reihenfolge durchlaufen müssen.

Um dies zu erreichen, können Sie die Methode .get() nutzen, die die Sammlung als Array zurückgibt, und dann die verwenden reverse()-Methode, um die Array-Elemente in absteigender Reihenfolge neu anzuordnen. Durch Verketten des umgekehrten Arrays mit der Funktion .each() können Sie die Elemente rückwärts durchlaufen.

Hier ist ein Beispiel:

$($("li").get().reverse()).each(function() {
  // Code to perform on each li item in reverse order
});
Nach dem Login kopieren

Dieser Code ruft die li-Elemente als Array mit ab .get(), kehrt die Reihenfolge des Arrays um und verwendet dann .each(), um das umgekehrte Array zu durchlaufen. Infolgedessen würde der bereitgestellte Code mit „Punkt 5“ beginnen und rückwärts durch die Liste gehen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Reihenfolge der Iteration in der .each()-Funktion von jQuery umkehren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!