jQuery nextSampai () Metode
Contoh
Kembalikan semua elemen saudara di antara dua elemen <li> dengan nama kelas "mulai" dan "berhenti":
$(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")
Definisi dan Penggunaan
Metode nextUntil() mengembalikan semua elemen saudara berikutnya antara pemilih dan stop .
Elemen saudara adalah elemen yang memiliki induk yang sama.
Pohon DOM: Metode ini bergerak maju bersama saudara kandung elemen DOM.
Catatan: Jika kedua parameter kosong, metode ini akan mengembalikan semua elemen saudara berikutnya (sama seperti metode nextAll() ).
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 | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements |
| filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
Cobalah Sendiri - Contoh
Menggunakan kedua parameter untuk menyaring pencarian elemen saudara berikutnya di antara dua argumen.
Bagaimana mengembalikan beberapa elemen saudara di antara dua argumen.
Menggunakan elemen DOM alih-alih pemilih untuk mengembalikan semua elemen saudara dua argumen yang diberikan.
Menggunakan elemen DOM sebagai ganti pemilih dan kedua parameter untuk memfilter pencarian saudara berikutnya di antara dua argumen.