Örnek
Her tüm sonraki kardeş elemanlarını Return <li> sınıf adıyla eleman "start" :
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px
solid red"});
});
Sonuç:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
Kendin dene " Tanımı ve Kullanımı
nextAll() metodu seçilen eleman tüm sonraki kardeş elemanları döner.
Kardeş elemanlar aynı ebeveyne paylaşan unsurlardır.
DOM ağacı: Bu yöntem, DOM elemanların kardeşler boyunca ileri doğru hareket.
İlgili yöntemleri:
- next() - seçilen elemanının bir sonraki kardeş elemanını döner
- 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şlerine arayışını daraltmak için bir seçici ifadesini belirtir
Not: birden fazla kardeşler geri virgülle her ifade ayırın.
it Yourself deneyin - Örnekler
Daraltabilmeniz
Nasıl sonraki kardeş elemanları arayışını filtrelemek için.
Birden kardeşleri Dönüş
Filtre parametresini kullanarak tüm kardeşleri almak için <h2> sınıf adları vardır elemanı "first", "second" ve "third" .
Bir bütün sonraki kardeş elemanlarını seçip <p> elemanı
Nasıl tüm sonraki kardeş elemanlarını seçmek için <p> elemanı.
Tüm sonraki kardeş seç <p> elemanları <div>
Nasıl bütün bir sonraki kardeş seçmek için <p> Her unsurlarını <div> elemanı.