Örnek
Her bir sonraki kardeş elemanı döndürür <li> sınıf adıyla eleman "start" :
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px
solid red"});
});
Sonuç:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Kendin dene " Tanımı ve Kullanımı
next() metodu, seçilen elemanının bir sonraki kardeş elemanını döner.
Kardeş elemanlar aynı ebeveyne paylaşan unsurlardır.
DOM ağacı: Bu yöntem, DOM elemanlarının sonraki kardeş boyunca ileri doğru hareket.
İlgili yöntemleri:
- nextAll() - seçilen eleman tüm sonraki kardeş elemanları döndürür
- nextUntil() - verilen iki bağımsız değişkenler arasındaki tüm sonraki kardeş elemanları döndürür
Sözdizimi
$( Parametre Açıklama filter İsteğe bağlı. Bir sonraki kardeş aramayı daraltmak için bir seçici ifadesini belirtir
it Yourself deneyin - Örnekler
Her küçük kardeşini seç <div> elemanı
Her bir sonraki kardeş elemanını seçmek için nasıl <div> elemanı.
Daraltabilmeniz
Bir sonraki kardeş nasıl seçilir <p> Her unsuru <div> elemanı.