Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Lelaran Melalui Elemen dalam Susunan Songsang dengan jQuery\'s .each()?

Bagaimana untuk Lelaran Melalui Elemen dalam Susunan Songsang dengan jQuery\'s .each()?

Susan Sarandon
Susan Sarandonasal
2024-10-30 00:25:29389semak imbas

How to Iterate Through Elements in Reverse Order with jQuery's .each()?

Lelaran Elemen Ke Belakang dengan JQuery's .each()

Dalam situasi di mana anda perlu melintasi elemen dalam susunan terbalik dalam DOM, fungsi lalai JQuery .each() mungkin tidak mencukupi. Pertimbangkan HTML berikut:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

Untuk memilih semua elemen li dan mengulanginya ke belakang, kita boleh menggunakan pendekatan berikut:

$.($("li").get().reverse()).each(function() { /* ... */ });

Begini cara ia berfungsi:

  1. Pilih elemen li: $("li").
  2. Tukar hasil kepada tatasusunan asli: get() mengembalikan elemen sebagai tatasusunan.
  3. Terbalikkan tatasusunan : reverse() mencipta tatasusunan baharu dengan unsur-unsur dalam susunan terbalik.
  4. Balut tatasusunan terbalik kembali dalam objek jQuery: $() membolehkan kami menggunakan fungsi JQuery pada tatasusunan terbalik.
  5. Gunakan fungsi .each() untuk mengulangi elemen dalam susunan terbalik.

Atas ialah kandungan terperinci Bagaimana untuk Lelaran Melalui Elemen dalam Susunan Songsang dengan jQuery\'s .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