Rumah > Artikel > hujung hadapan web > 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:
Dapatkan Tatasusunan Elemen Terpilih: Menggunakan $("li").get(), anda boleh mendapatkan tatasusunan elemen yang dipilih.
<code class="javascript">var elements = $("li").get();</code>
Terbalikkan Tatasusunan: Gunakan kaedah terbalik() pada tatasusunan untuk membalikkan susunannya.
<code class="javascript">elements.reverse();</code>
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!