jQuery. Setiap ke belakang (membalikkannya)

3 Coretan jquery cepat untuk membalikkan setiap gelung ke atas unsur -unsur ke belakang. Contoh menunjukkan kesan pada gelung ke atas senarai ke belakang.

Soalan Lazim (Soalan Lazim) Mengenai JQuery .each () Reverse

Bagaimana saya boleh membalikkan urutan elemen dalam array menggunakan jQuery .each ()? Kemudian, anda boleh menggunakan kaedah .Reverse () untuk membalikkan urutan unsur -unsur. Berikut adalah contoh:

var arr = $ ('div'). GET ();

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

arr.Reverse ();

$. Kaedah .get () digunakan untuk menukar objek jQuery ke dalam array JavaScript yang benar. Kaedah .Reverse () kemudian digunakan untuk membalikkan susunan unsur -unsur dalam array. Akhirnya, kaedah .eeche () digunakan untuk melangkah ke atas array yang diterbalikkan. Kaedah () kaedah digunakan untuk melangkah ke atas satu set elemen dalam objek jQuery. Ia melaksanakan fungsi untuk setiap elemen yang dipadankan. Sebaliknya, kaedah .Reverse () digunakan untuk membalikkan urutan unsur -unsur dalam array. Walau bagaimanapun, penting untuk diperhatikan bahawa .reverse () bukan kaedah jQuery, tetapi kaedah JavaScript. Oleh itu, untuk menggunakan .Buat () pada objek jQuery, anda perlu mengubahnya menjadi array JavaScript yang benar menggunakan kaedah .get (). Walau bagaimanapun, kaedah .eeche () sendiri tidak memberikan cara untuk membalikkan urutan lelaran. Untuk mencapai matlamat ini, anda perlu membalikkan urutan unsur -unsur dalam array menggunakan kaedah .Reverse (), dan kemudian gunakan kaedah .eech () untuk melelehkan melalui array terbalik. Berikut adalah contoh:

var arr = [1, 2, 3, 4, 5]; digunakan untuk melangkah ke atas array terbalik.

Bagaimana saya boleh membalikkan urutan elemen DOM menggunakan jQuery?

Untuk membalikkan urutan elemen DOM menggunakan jQuery, anda boleh menggunakan kaedah .get () untuk menukar objek jQuery ke dalam array JavaScript yang benar. Kemudian, anda boleh menggunakan kaedah .Reverse () untuk membalikkan urutan unsur -unsur. Akhirnya, anda boleh menggunakan kaedah .eech () untuk melelehkan melalui array terbalik dan kaedah .AppendTo () untuk menyusun semula unsur -unsur DOM dalam urutan terbalik. Berikut adalah contoh:

var arr = $ ('div'). Get ();
arr.Reverse ();
$. Kaedah .get () digunakan untuk menukar objek jQuery ke dalam array JavaScript yang benar. Kaedah .Reverse () kemudian digunakan untuk membalikkan susunan unsur -unsur dalam array. Akhirnya, kaedah .eeche () digunakan untuk melangkah ke atas array yang diterbalikkan, dan kaedah .AppendTo () digunakan untuk menyusun semula unsur -unsur DOM dalam urutan yang dibalikkan. Oleh itu, ia berfungsi pada tatasusunan JavaScript yang benar, bukan pada objek jQuery. Jika anda cuba menggunakan kaedah .Reverse () pada objek jQuery, ia tidak akan berfungsi dan akan membuang kesilapan. Untuk menggunakan kaedah .Reverse () pada objek jQuery, anda perlu mengubahnya menjadi array JavaScript yang benar menggunakan kaedah .get (). Berikut adalah contoh:

var arr = $ ('div'). GET ();
arr.Reverse ();

dalam contoh ini, 'div' adalah pemilih yang memilih semua elemen div pada halaman. Kaedah .get () digunakan untuk menukar objek jQuery ke dalam array JavaScript yang benar. Kemudian, kaedah .Reverse () digunakan untuk membalikkan susunan unsur -unsur dalam array. Untuk mencapai matlamat ini, anda boleh menggunakan kaedah .slice () untuk membuat salinan array, dan kemudian gunakan kaedah .Reverse () untuk membalikkan susunan unsur -unsur dalam array yang disalin. Inilah contoh:

var arr = [1, 2, 3, 4, 5]; array. Kaedah .Reverse () kemudian digunakan untuk membalikkan susunan unsur -unsur dalam array yang disalin. Akhirnya, kaedah .eeche () digunakan untuk melangkah ke atas array terbalik.

Bagaimana saya boleh menggunakan kaedah. Setiap () untuk melelehkan pelbagai jenis kod dalam satu baris kod? Inilah contoh:

$. Setiap ($ ('div'). GET (). Reverse (), fungsi (i, el) {console.log (el);}); Kaedah .get () digunakan untuk menukar objek jQuery ke dalam array JavaScript yang benar. Kaedah .Reverse () kemudian digunakan untuk membalikkan susunan unsur -unsur dalam array. Akhirnya, kaedah .eeche () digunakan untuk melangkah ke atas array yang terbalik. Untuk mencapai matlamat ini, anda boleh menggunakan kaedah .get () untuk menukar objek jQuery ke dalam array JavaScript yang benar, kaedah .Reverse () untuk membalikkan urutan unsur -unsur dalam array, dan kaedah .eeche () untuk melangkah ke atas pelbagai yang dibalikkan. Berikut adalah contoh:

var arr = $ ('div'). GET ();
arr.Reverse ();

$. Kaedah .get () digunakan untuk menukar objek jQuery ke dalam array JavaScript yang benar. Kaedah .Reverse () kemudian digunakan untuk membalikkan susunan unsur -unsur dalam array. Akhirnya, kaedah .eeche () digunakan untuk melelehkan pelbagai jenis yang dibalikkan. Fungsi ini akan dilaksanakan untuk setiap elemen dalam array terbalik. Berikut adalah contoh:

var arr = [1, 2, 3, 4, 5];

arr.Reverse (); Kemudian, kaedah .eeche () digunakan untuk melangkah ke atas array terbalik. Fungsi yang diserahkan kepada kaedah .eech () mengambil dua parameter: indeks elemen semasa dan elemen semasa itu sendiri. Fungsi ini dilaksanakan untuk setiap elemen dalam array terbalik, dan ia log mesej ke konsol yang merangkumi indeks dan nilai elemen semasa.

Bolehkah saya menggunakan kaedah () untuk melelehkan pelbagai objek yang terbalik? Untuk mencapai matlamat ini, anda boleh menggunakan kaedah .Reverse () untuk membalikkan urutan unsur -unsur dalam array, dan kaedah .eecheat () untuk melelehkan melalui array terbalik. Inilah contoh:

var arr = [{name: 'John'}, {name: 'jane'}, {name: 'joe'}];
arr.reverse (); Kaedah .Reverse () digunakan untuk membalikkan susunan unsur -unsur dalam pelbagai objek. Kemudian, kaedah .eeche () digunakan untuk melangkah ke atas array terbalik. Fungsi yang diserahkan kepada kaedah .eech () mengambil dua parameter: indeks elemen semasa dan elemen semasa itu sendiri. Fungsi ini dilaksanakan untuk setiap elemen dalam array terbalik, dan ia log nama harta objek semasa ke konsol.

Atas ialah kandungan terperinci jQuery. Setiap ke belakang (membalikkannya). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!