Contoh
Kembali elemen saudara berikutnya masing-masing <li> elemen dengan nama kelas "start" :
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px
solid red"});
});
Hasil:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Cobalah sendiri " Definisi dan Penggunaan
The next() metode mengembalikan elemen saudara berikutnya dari elemen yang dipilih.
elemen saudara adalah elemen yang berbagi induk yang sama.
Pohon DOM: Metode ini melintasi depan sepanjang saudara berikutnya elemen DOM.
metode terkait:
- nextAll() - mengembalikan semua elemen saudara berikutnya dari elemen yang dipilih
- nextUntil() - mengembalikan semua elemen saudara berikutnya antara dua argumen yang diberikan
Sintaksis
$(selector).next( filter )| Parameter | Deskripsi |
|---|---|
| filter | Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian saudara berikutnya |
Coba Sendiri - Contoh
Pilih saudara berikutnya masing-masing <div> elemen
Cara memilih elemen saudara berikutnya masing-masing <div> elemen.
Mempersempit pencarian
Bagaimana untuk memilih saudara berikutnya <p> unsur setiap <div> elemen.