Contoh
Kembali semua elemen saudara berikutnya masing-masing <li> elemen dengan nama kelas "start" :
$(document).ready(function(){
$("li.start").nextAll().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)
Cobalah sendiri " Definisi dan Penggunaan
The nextAll() method mengembalikan semua elemen saudara berikutnya dari elemen yang dipilih.
elemen saudara adalah elemen yang berbagi induk yang sama.
Pohon DOM: Metode ini melintasi depan bersama saudara elemen DOM.
metode terkait:
- next() - mengembalikan elemen saudara berikutnya dari elemen yang dipilih
- nextUntil() - mengembalikan semua elemen saudara berikutnya antara dua argumen yang diberikan
Sintaksis
$(selector).nextAll( filter )| Parameter | Deskripsi |
|---|---|
| filter | Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian saudara berikutnya Catatan: Untuk kembali beberapa saudara kandung, memisahkan setiap ekspresi dengan koma. |
Coba Sendiri - Contoh
Mempersempit pencarian
Bagaimana untuk menyaring pencarian elemen saudara berikutnya.
Kembali beberapa saudara kandung
Menggunakan parameter filter untuk mendapatkan semua saudara kandung dari <h2> elemen yang memiliki nama kelas "first", "second" dan "third" .
Pilih semua elemen saudara berikutnya dari <p> elemen
Bagaimana memilih semua elemen saudara berikutnya dari <p> elemen.
Pilih semua saudara berikutnya <p> elemen <div>
Bagaimana memilih semua saudara berikutnya <p> elemen setiap <div> elemen.