jQuery Traversing

❮ Önceki Sonraki Bölüm ❯

Kardeşleri aynı ebeveyni paylaşır.

jQuery ile bir elementin kardeşleri bulmak için DOM ağacında yanlara geçebilirler.

DOM Ağacında Sideways Traversing

DOM ağacındaki yanlara geçme için birçok kullanışlı jQuery yöntem vardır:

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

jQuery siblings() Yöntem

siblings() metodu seçilen eleman tüm kardeş elemanları döndürür.

Aşağıdaki örnek, tüm kardeş elemanlarını döndürür <h2> :

Örnek

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

Kendin dene "

Ayrıca kardeşler için arama filtrelemek için isteğe bağlı parametresini kullanabilirsiniz.

Aşağıdaki örnek, tüm kardeş elemanları döner <h2> olduğu <p> elemanlar:

Örnek

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

Kendin dene "

jQuery next() Yöntem

next() metodu, seçilen elemanının bir sonraki kardeş elemanını döner.

Aşağıdaki örnek küçük kardeşini döndürür <h2> :

Örnek

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

Kendin dene "

jQuery nextAll() Yöntem

nextAll() metodu seçilen eleman tüm sonraki kardeş elemanları döner.

Aşağıdaki örnek, tüm sonraki kardeş elemanlarını döndürür <h2> :

Örnek

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

Kendin dene "

jQuery nextUntil() Yöntem

nextUntil() yöntemi, verilen iki bağımsız değişkenler arasındaki tüm sonraki kardeş elemanları döner.

Aşağıdaki örnek, arasındaki Kardeş elemanları döner <h2> ve <h6> elemanı;

Örnek

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

Kendin dene "

jQuery prev(), prevAll() & prevUntil() Yöntemler

prev(), prevAll() ve prevUntil() yöntemleri sadece yukarıda ancak ters işlevselliği ile yöntemler gibi çalışır: (ileri yerine, DOM ağacındaki kardeş elemanlar boyunca geriye doğru hareket) Önceki Kardeş elemanları döndürür.

Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 » Egzersiz 6»