Bagaimana untuk Lelaran Melalui Elemen jQuery dalam Susunan Terbalik Menggunakan .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>

   Salin selepas log masuk

2. Terbalikkan Tatasusunan: Gunakan kaedah terbalik() pada tatasusunan untuk membalikkan susunannya.

   <code class="javascript">elements.reverse();</code>

   Salin selepas log masuk

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>

   Salin selepas log masuk

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!