jQuery Melintasi

❮ Sebelumnya Berikutnya Bab ❯

Saudara kandung berbagi induk yang sama.

Dengan jQuery Anda dapat melintasi samping di pohon DOM untuk menemukan saudara kandung dari elemen.

Melintasi Sideways di The DOM Pohon

Ada banyak metode jQuery berguna untuk melintasi samping di pohon DOM:

siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()

jQuery siblings() Metode

The siblings() method mengembalikan semua elemen saudara dari elemen yang dipilih.

Contoh berikut mengembalikan semua elemen saudara dari <h2> :

Contoh

$(document).ready(function(){
$("h2").siblings();
});

Cobalah sendiri "

Anda juga dapat menggunakan parameter opsional untuk menyaring pencarian saudara.

Contoh berikut mengembalikan semua elemen saudara dari <h2> yang <p> elemen:

Contoh

$(document).ready(function(){
$("h2").siblings("p");
});

Cobalah sendiri "

jQuery next() Metode

The next() metode mengembalikan elemen saudara berikutnya dari elemen yang dipilih.

Contoh berikut mengembalikan saudara berikutnya <h2> :

Contoh

$(document).ready(function(){
$("h2").next();
});

Cobalah sendiri "

jQuery nextAll() Metode

The nextAll() method mengembalikan semua elemen saudara berikutnya dari elemen yang dipilih.

Contoh berikut mengembalikan semua elemen saudara berikutnya <h2> :

Contoh

$(document).ready(function(){
$("h2").nextAll();
});

Cobalah sendiri "

jQuery nextUntil() Metode

The nextUntil() method mengembalikan semua elemen saudara berikutnya antara dua argumen yang diberikan.

Contoh berikut mengembalikan semua elemen saudara antara <h2> dan <h6> elemen:

Contoh

$(document).ready(function(){
$("h2").nextUntil("h6");
});

Cobalah sendiri "

jQuery prev(), prevAll() & prevUntil() Metode

The prev(), prevAll() dan prevUntil() metode bekerja seperti metode di atas, namun dengan fungsi sebaliknya: mereka kembali elemen saudara sebelumnya (melintasi mundur bersama elemen saudara di pohon DOM, bukan ke depan).

Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 » Latihan 4» Latihan 5 » Latihan 6»