Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Lelaran Melalui Elemen jQuery dalam Susunan Terbalik Menggunakan .each()?

Bagaimana untuk Lelaran Melalui Elemen jQuery dalam Susunan Terbalik Menggunakan .each()?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-30 10:28:02957semak imbas

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

Mengakses Elemen dalam Susunan Terbalik dengan Kaedah .each() jQuery

Dalam jQuery, kaedah .each() sememangnya merentasi elemen dalam a perintah hadapan. Walau bagaimanapun, mungkin terdapat situasi di mana anda perlu mengakses elemen dalam susunan terbalik. Artikel ini menangani pertanyaan biasa: cara membalikkan susunan elemen yang dipilih menggunakan .each() dalam jQuery.

Untuk membalikkan susunan elemen yang dipilih, anda boleh menggunakan pendekatan berikut:

  1. Dapatkan Tatasusunan Elemen Terpilih: Menggunakan $("li").get(), anda boleh mendapatkan tatasusunan elemen yang dipilih.

    <code class="javascript">var elements = $("li").get();</code>
  2. Terbalikkan Tatasusunan: Gunakan kaedah terbalik() pada tatasusunan untuk membalikkan susunannya.

    <code class="javascript">elements.reverse();</code>
  3. Gunakan . each() pada Tatasusunan Terbalik: Hantar tatasusunan terbalik ke dalam $.each(), yang akan melelakan elemen dalam susunan terbalik.

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

Sebagai contoh, pertimbangkan coretan HTML yang disediakan:

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

Untuk memilih dan mengulang elemen li dalam susunan terbalik menggunakan jQuery's .each(), anda akan menggunakan kod berikut:

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

Atas ialah kandungan terperinci Bagaimana untuk Lelaran Melalui Elemen jQuery dalam Susunan Terbalik Menggunakan .each()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn