Contoh
Kembali semua elemen saudara antara dua <li> elemen dengan nama kelas "start" dan "stop" :
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px
solid red"});
});
Hasil:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "stop")
Cobalah sendiri " Definisi dan Penggunaan
The nextUntil() method mengembalikan semua elemen saudara berikutnya antara pemilih dan berhenti.
elemen saudara adalah elemen yang berbagi induk yang sama.
Pohon DOM: Metode ini melintasi depan bersama saudara elemen DOM.
Catatan: Jika kedua parameter kosong, metode ini akan mengembalikan semua elemen saudara berikutnya (sama dengan nextAll() metode).
metode terkait:
- next() - mengembalikan elemen saudara berikutnya dari elemen yang dipilih
- nextAll() - mengembalikan semua elemen saudara berikutnya dari elemen yang dipilih
Sintaksis
$(selector).nextUntil( stop,filter )| Parameter | Deskripsi |
|---|---|
| stop | Pilihan. Ekspresi pemilih, elemen atau objek jQuery menunjukkan di mana untuk menghentikan pencarian untuk pencocokan berikutnya saudara elemen |
| 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 berikutnya antara dua argumen.
Kembali beberapa saudara kandung
Cara kembali beberapa elemen saudara antara dua argumen.
DOM
Menggunakan elemen DOM bukan pemilih untuk mengembalikan semua elemen saudara dua argumen yang diberikan.
Menggunakan DOM dengan kedua parameter
Menggunakan elemen DOM bukan pemilih dan kedua parameter untuk menyaring pencarian saudara berikutnya antara dua argumen.