Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich jQuery-Elemente in umgekehrter Reihenfolge mit .each() durchlaufen?

Mary-Kate Olsen
Freigeben: 2024-10-30 10:28:02
Original
956 Leute haben es durchsucht

How to Iterate Through jQuery Elements in Reverse Order Using .each()?

Zugriff auf Elemente in umgekehrter Reihenfolge mit der .each()-Methode von jQuery

In jQuery durchläuft die .each()-Methode von Natur aus Elemente in a Vorwärtsauftrag. Es kann jedoch Situationen geben, in denen Sie in umgekehrter Reihenfolge auf Elemente zugreifen müssen. Dieser Artikel befasst sich mit einer häufigen Frage: Wie kann man die Reihenfolge der mit .each() in jQuery ausgewählten Elemente umkehren?

Um die Reihenfolge der ausgewählten Elemente umzukehren, können Sie den folgenden Ansatz verwenden:

  1. Array ausgewählter Elemente abrufen: Mit $("li").get() können Sie ein Array ausgewählter Elemente abrufen.

    <code class="javascript">var elements = $("li").get();</code>
    Nach dem Login kopieren
  2. Das Array umkehren:Verwenden Sie die Methode reverse() für das Array, um seine Reihenfolge umzukehren.

    <code class="javascript">elements.reverse();</code>
    Nach dem Login kopieren
  3. Anwenden . every() auf dem umgekehrten Array: Übergeben Sie das umgekehrte Array an $.each(), das die Elemente in umgekehrter Reihenfolge durchläuft.

    <code class="javascript">$(elements).each(function() { /* ... */ });</code>
    Nach dem Login kopieren

Zum Beispiel: Betrachten Sie das bereitgestellte HTML-Snippet:

<code class="html"><ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
   <li>Item 5</li>
</ul></code>
Nach dem Login kopieren

Um die li-Elemente in umgekehrter Reihenfolge mit jQuerys .each() auszuwählen und zu durchlaufen, würden Sie den folgenden Code verwenden:

<code class="javascript">$($("li").get().reverse()).each(function() {
  // ... Perform desired actions on each element in reverse order
});</code>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich jQuery-Elemente in umgekehrter Reihenfolge mit .each() durchlaufen?. 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!