jQuery next() Metode
Contoh
Kembalikan elemen saudara berikutnya dari setiap elemen <li> dengan nama kelas "mulai":
$(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)
Definisi dan Penggunaan
Metode next() mengembalikan elemen saudara berikutnya dari elemen yang dipilih.
Elemen saudara adalah elemen yang memiliki induk yang sama.
Pohon DOM: Metode ini bergerak maju di sepanjang saudara elemen DOM berikutnya.
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 | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Cobalah Sendiri - Contoh
Cara memilih saudara berikutnya dari setiap elemen <div>.
Cara memilih elemen <p> saudara berikutnya dari setiap elemen <div>.