jQuery Perulangan - Metode prevUntil()

Referensi Perjalanan jQuery

Contoh

Pilih semua paragraf, kemudian singkat konten yang dipilih hanya untuk mengandung paragraf pertama dan kedua:

$("p").slice(0, 2).wrapInner(");

Coba sendiri

Definisi dan penggunaan

slice() memotong koleksi elemen yang cocok menjadi subkoleksi berdasarkan indeks yang ditentukan.

Gramata

.slice(selector,end)
Parameter Deskripsi
selector

Nilai integer berdasarkan 0, menunjukkan posisi awal pemilihan elemen.

Jika negatif, itu menunjukkan offset dari ujung koleksi.
end

Nilai integer berdasarkan 0, menunjukkan posisi penutupan pemilihan elemen.

Jika negatif, itu menunjukkan offset dari ujung koleksi.

Jika diabaikan, kisaran pemilihan akan berakhir di ujung koleksi.

Penjelasan detil

Jika diberikan objek jQuery yang mewakili koleksi elemen DOM, metode .slice() menggunakan subkoleksi elemen yang cocok untuk membuat objek jQuery baru. Parameter index yang diterapkan salah satu elemen dalam koleksi; jika parameter end diabaikan, semua elemen setelah index akan termasuk dalam hasil.

Berpikir tentang halaman ini yang memiliki daftar sederhana:

<ul>
  <li>item daftar 1</li>
  <li>item daftar 2</li>
  <li>item daftar 3</li>
  <li>item daftar 4</li>
  <li>item daftar 5</li>
</ul>

Kami dapat menerapkan metode ini ke koleksi item dalam daftar:

$('li').slice(2).css('background-color', 'red');

Coba sendiri

Hasil panggilan ini adalah latar belakang proyek 3, 4, dan 5 diatur menjadi merah. Perhatikan bahwa parameter index yang diterapkan berdasarkan nol, merujuk kepada posisi elemen di objek jQuery, bukan di pohon DOM.

Parameter end memungkinkan kita untuk membatasi lebih jauh kisaran pemilihan. Misalnya:

$('li').slice(2, 4).css('background-color', 'red');

Coba sendiri

Sekarang, hanya proyek 3 dan 4 yang akan dipilih. Kembali lagi, indeks adalah berdasarkan nol; kisaran akan meluas sampai (tetapi tidak termasuk) indeks yang ditentukan.

Indeks negatif

Metode .slice() jQuery menggambarkan metode .slice() objek array JavaScript. Salah satu sifat yang digambarkan adalah kemampuan untuk memasukkan bilangan negatif ke parameter start atau end. Jika diizinkan bilangan negatif, itu menunjukkan posisi dari akhir koleksi, bukan dari awal. Misalnya:

$('li').slice(-2, -1).css('background-color', 'red');

Coba sendiri

Kali ini, hanya item 4 yang akan berubah warna merah, karena proyek ini adalah satu-satunya yang berada di antara kisaran yang dihitung dari akhir (-2) dan dihitung dari akhir (-1).

Referensi Perjalanan jQuery