jQuery next() Yöntemi
Örnek
Her <li> öğesinin bir sonraki kardeş öğesini "start" sınıf adıyla döndürün:
$(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)
Tanım ve Kullanım
next() yöntemi, seçilen öğenin sonraki kardeş öğesini döndürür.
Kardeş öğeler, aynı ebeveyni paylaşan öğelerdir.
DOM ağacı: Bu yöntem, DOM öğelerinin bir sonraki kardeşi boyunca ilerler.
İlgili yöntemler:
- nextAll() - seçilen öğenin sonraki tüm kardeş öğelerini döndürür
- nextUntil() - verilen iki bağımsız değişken arasındaki tüm sonraki kardeş öğeleri döndürür
Sözdizimi
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Kendiniz Deneyin - Örnekler
sonraki kardeş öğesini nasıl seçersiniz.
Her <div> öğesinin bir sonraki kardeş <p> öğesi nasıl seçilir.