jQuery nextAll() Metode
Contoh
Kembalikan semua elemen saudara berikutnya dari setiap elemen <li> dengan nama kelas "mulai":
$(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)
Definisi dan Penggunaan
Metode nextAll() mengembalikan semua elemen saudara berikutnya dari elemen yang dipilih.
Elemen saudara adalah elemen yang memiliki induk yang sama.
Pohon DOM: Metode ini bergerak maju bersama saudara kandung 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 | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for next siblings Note: To return multiple siblings, separate each expression with a comma. |
Cobalah Sendiri - Contoh
Cara memfilter pencarian untuk elemen saudara berikutnya.
Menggunakan parameter filter untuk mendapatkan semua saudara kandung dari elemen <h2> yang memiliki nama kelas "pertama", "kedua" dan "ketiga".
Cara memilih semua elemen saudara berikutnya dari elemen <p>.
Cara memilih semua elemen <p> saudara berikutnya dari setiap elemen <div>.