Heim >Web-Frontend >js-Tutorial >Wie kann ich jQuery-Elemente in umgekehrter Reihenfolge mit .each() durchlaufen?

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

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-10-30 10:28:021041Durchsuche

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>
  2. Das Array umkehren:Verwenden Sie die Methode reverse() für das Array, um seine Reihenfolge umzukehren.

    <code class="javascript">elements.reverse();</code>
  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>

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!

Stellungnahme:
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