jQuery Perulangan - Metode prevUntil()

Panduan Penelusuran jQuery

Contoh

Pilih semua paragraf, lalu tipiskan konten yang dipilih hanya untuk mengandung paragraf pertama dan kedua:

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

Coba sendiri

Definisi dan penggunaan

slice() mengurangi koleksi elemen yang disesuaikan menjadi subkoleksi yang berada di rentang indeks yang ditentukan.

Gramatika

.slice(selector,end)
Parameter Deskripsi
selector

Nilai integer berdasarkan 0, menunjukkan posisi awal pemilihan elemen.

Jika negatif, hal ini menunjukkan offset dari ujung koleksi.
end

Nilai integer berdasarkan 0, menunjukkan posisi akhir pemilihan elemen.

Jika negatif, hal ini menunjukkan offset dari ujung koleksi.

Jika diabaikan, rentang pemilihan akan berakhir di ujung koleksi.

Keterangan detil

Jika diberikan objek jQuery yang mewakili koleksi elemen DOM, metode .slice() akan membangun objek jQuery baru dari subkoleksi elemen yang disesuaikan. Salah satu elemen yang berada di posisi; jika parameter end diabaikan, semua elemen setelah index akan termasuk dalam hasil.

Pikirkan halaman ini yang memiliki senarai sederhana:

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

Kami dapat menerapkan metode ini kepada koleksi item dalam senarai:

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

Coba sendiri

Hasil pemanggilan ini adalah latar belakang item 3, 4 dan 5 diatur menjadi merah. Perhatikan, parameter index yang digunakan berdasarkan nol, merujuk kepada posisi elemen dalam objek jQuery, bukan di pohon DOM.

Parameter end memungkinkan kita untuk membatasi lebih lanjut rentang pemilihan. Misalnya:

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

Coba sendiri

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

Indeks negatif

Metode .slice() jQuery menggayaan metode .slice() objek array JavaScript. Salah satu karakteristik yang disimulasikan adalah kemampuan untuk mengirimkan bilangan negatif ke parameter start atau end. Jika dijanjikan bilangan negatif, hal ini menunjukkan posisi dari akhir koleksi, bukan dari awal. Contoh:

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

Coba sendiri

Kali ini, hanya item 4 dalam senarai akan berwarna merah, kerana projek ini adalah projek tunggal yang berada diantara angka negatif dua (-2) dan angka negatif satu (-1).

Panduan Penelusuran jQuery