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

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>

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>

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!