Contoh
Kembali semua elemen saudara antara dua <li> elemen dengan nama kelas "start" dan "stop" :
$(document).ready(function(){
$("li.start").prevUntil("li.stop").css({"color": "red", "border": "2px
solid red"});
});
Hasil:
ul (parent)
- li (sibling with class name "stop")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Cobalah sendiri " Definisi dan Penggunaan
The prevUntil() method mengembalikan semua elemen saudara sebelumnya antara pemilih dan berhenti.
elemen saudara adalah elemen yang berbagi induk yang sama.
Pohon DOM: Metode ini melintasi mundur bersama saudara elemen DOM.
Catatan: Jika kedua parameter kosong, metode ini akan mengembalikan semua elemen saudara sebelumnya (sama dengan prevAll() metode).
metode terkait:
- prev() - mengembalikan elemen saudara sebelumnya dari elemen yang dipilih
- prevAll() - mengembalikan semua elemen saudara sebelumnya dari elemen yang dipilih
Sintaksis
$(selector).prevUntil( stop,filter )
Parameter | Deskripsi |
---|---|
stop | Pilihan. Ekspresi pemilih, elemen atau objek jQuery menunjukkan di mana untuk menghentikan pencarian untuk elemen saudara kandung yang cocok sebelumnya |
filter | Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian untuk saudara elemen antara pemilih dan berhenti Catatan: Untuk kembali beberapa saudara kandung, memisahkan setiap ekspresi dengan koma. |
Coba Sendiri - Contoh
Mempersempit pencarian
Menggunakan kedua parameter untuk menyaring pencarian elemen saudara sebelumnya antara dua argumen.
Kembali beberapa saudara kandung
Cara kembali beberapa elemen saudara antara dua argumen.
DOM
Menggunakan elemen DOM bukan pemilih untuk kembali elemen saudara antara dua argumen.
Menggunakan DOM dengan kedua parameter
Menggunakan elemen DOM bukan pemilih dan kedua parameter untuk menyaring pencarian saudara sebelumnya antara dua argumen.